Tempered Mustard color palette — #FEF0FA · #F7D0D4 · #E3C09D · #EBB632 · #522E18
A conversation between Saffron and Espresso, giving this palette its sense of optimism and warmth.
The five colors
- Blush (#FEF0FA): a clean, paper-quiet neutral.
- Shell Pink (#F7D0D4): A whisper-light, dusty red — the color of embers at dusk.
- Sand (#E3C09D): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Saffron (#EBB632): A luminous, balanced gold — the color of old brass.
- Espresso (#522E18): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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
- Patina Mustard Orchard color palette (#FFF0F9, #DAF8D8, #F5D1CD, #CFC349, #593543)
- Soft Mustard Hollow color palette (#FFF0F9, #FFCBD8, #FFB287, #B6B500, #3F2800)
- Hazy Mustard color palette (#E1F9E9, #FFC3A9, #E2BD00, #00BF7E, #2C2B00)
- Wandering Lagoon color palette (#FDD9F4, #FFBB9F, #E69C50, #AF8400, #4B4715)
- Soft Loft color palette (#E3FEE4, #FFDDD3, #FFD164, #3DDB41, #383500)
- Tempered Chartreuse Balcony color palette (#FFF1F6, #E5D6D1, #BDDC7B, #A2BFD4, #374C3B)
- Apricot Boulevard color palette (#FFEEE6, #FFCCE8, #FF9D80, #A08434, #331D0B)
- Airy Summit color palette (#EDF9EE, #ECC586, #7DC5FF, #CF9100, #174668)
Browse the whole catalog at Explore, or see today's palette.