Tempered Mustard color palette — #FCF4E7 · #C8AD67 · #8297CC · #877032 · #5B4557

Built around Camel, softened by Walnut — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Camel (#C8AD67): A luminous, balanced gold — the color of old brass.
• Blue Fog (#8297CC): A luminous, balanced violet — the color of twilight just after sunset.
• Walnut (#877032): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#5B4557): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Mustard into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Dusty Apricot color palette (#FFF3E7, #D9A472, #58A4C3, #95673B, #395447)
• Aged Lantern color palette (#F4F7E5, #85C282, #A68CBF, #538051, #63424D)
• Bronze Ridge color palette (#E8F6EA, #C8B07D, #C288A6, #886E34, #392847)
• Weathered Driftwood Dune color palette (#FDF4E7, #DCC08E, #D79DBC, #A6874F, #664242)
• Hushed Amber color palette (#FFF3E3, #C18E1C, #897FC1, #767098, #46423B)
• Oat Archive color palette (#FFF5D6, #D5C986, #8A874A, #514F1C, #393630)
• Hushed Marigold Study color palette (#EEF9EF, #ECD19D, #BAC2F9, #CCA148, #3E4C6E)
• Tempered Byzantium Drift color palette (#FFF4DA, #B6A425, #8643D7, #695D00, #432C65)

Browse the whole catalog at Explore, or see today's palette.