Bakery
Open in tool →Crust browns and butter on a flour-white surface — soft, appetizing, and nothing artificial.
Beige hex code
Beige
#f5f5dc
hex
#f5f5dcrgb
rgb(245, 245, 220)hsl
hsl(60, 56%, 91%)oklch
oklch(0.964 0.033 107)Relative luminance 0.8988
Beige is a very pale, muted yellow — #f5f5dc, rgb(245, 245, 220), hue 60° at 56% saturation. The colours that go with beige are Charcoal, Lilac and Sand — each with the reason below, and the real palettes that pair them. It fails AA as text on white (1.11:1) but passes on black at 18.98:1 — a dark-mode colour, or a fill with dark type on it. 6 curated palettes are built around it.
Colors that go with Beige
Charcoal, Lilac and Sand lead the list. Each partner is a real named colour with the reason it works — a wheel relationship, a neutral that carries it, or a pairing lifted from a palette or brand system that actually shipped — and every pair opens in the palette tool.
Charcoal #36454f
neutralshippedCharcoal is the body-text near-black for Beige: its slight blue cast keeps type crisp beside a warm colour where pure #000 looks heavy.
Lilac #c8a2c8
complementaryshippedLilac sits directly opposite Beige on the wheel — the strongest contrast one hue can give another, so use it small: a button, a link colour, one highlight.
Sand #c2b280
analogousshippedSand is Beige's neighbour on the wheel, so the two read as one family — use it for hover states, gradients and secondary surfaces.
Sky Blue #87ceeb
triadicshippedSky Blue completes a triad with Beige — three hues spaced evenly round the wheel, the classic way to get energy into a palette without a clash.
Blue #0000ff
shipped47 real palettes, including Dropbox's brand system and Binance's brand system put Blue beside Beige, as the accent.
Blue Violet #8a2be2
shippedBlue Violet is paired with Beige in 12 real palettes, including Gemstone and ClickUp's brand system, as the supporting colour.
Blush Pink #e8b4b8
shipped7 real palettes, including Blush and Nursery put Blush Pink beside Beige, as the supporting colour.
Real palettes that use Beige
Tints & shades
Harmonies
Contrast
| Beige as text | Ratio | AA | AA large | AAA | Fix |
|---|---|---|---|---|---|
Aaon white | 1.11:1 | fail | fail | fail | |
Aaon black | 18.98:1 | pass | pass | pass | Passes AAA — no fix needed. |
Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with Beige as the background.
Brands using this color
No public brand in the corpus uses this exact color yet. Extract a brand to add one.
Palettes built around it
Sunset Boulevard
Open in tool →Coral, apricot and magenta on aubergine — the gradient sunset every event brand wants, decomposed into flat tokens.
Retro Pop
Open in tool →Fifties-diner red and steel blue with a peach — nostalgic pop that still passes contrast.
Harvest
Open in tool →Pumpkin, straw and burnt gold on parchment — the autumn palette that still feels like a product, not a place-mat.
Cider
Open in tool →Rust, honey and a moss green on cream — the orchard palette; the green keeps it from being all one temperature.
Mid-Century
Open in tool →Tangerine, teal and mustard on cream — the 1960s lounge trio, one of the few retro palettes with real hue contrast.
Fonts for this mood
Beige reads as light, clean. The font library is tagged with the same vocabulary:
mcpConnect your agent — build around Beige
live endpointPoint any MCP client at the shared colors endpoint and your agent gets the same engine as this page — direct_palette, edit_direction, check_palette, check_contrast — read-only, no key. Every direction it proposes comes with a /colors/d/… link: open it, lock what you like, paste the link back, and the agent edits rather than re-rolls.
endpoint
https://mcp.brandsweets.com/colors/mcpclaude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp
try this prompt
›analyze #f5f5dc and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link
tool url
/palettes/new/f5f5dc-bbbea2-4e94df-272d1f-f1ede9?lock=0&style=vibrantWant the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.
Machine-readable: color.md