Tempered Mustard color palette — #EBF9F1 · #BFB161 · #8895CD · #7C7340 · #414D66

Built around Gold, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Ivory (#EBF9F1): bright and airy, almost weightless.
• Gold (#BFB161): A luminous, balanced green — the color of new leaves after rain.
• Blue Fog (#8895CD): A luminous, balanced violet — the color of twilight just after sunset.
• Walnut (#7C7340): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#414D66): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Patina Mint color palette (#E4FBF6, #92BF7B, #BA84AD, #607C51, #514762)
• Washed Apricot color palette (#FFF0F9, #E39C7E, #65A1C3, #98644E, #395061)
• Tempered Bronze color palette (#F7F1E5, #C0B575, #63AAAB, #7E722F, #203822)
• Driftwood Quarry color palette (#EAFAF0, #CFC690, #6FC1C3, #988D4C, #225563)
• Amber Chapel color palette (#E7FBEC, #B29444, #937CBA, #7C6E96, #35483A)
• Powder Pier color palette (#E7FBEC, #C0E8F0, #AEC8E6, #9A7C8E, #485750)
• Worn Mustard Thicket color palette (#F9F5E9, #DDD7A2, #ADC7FA, #B6AB4A, #3B4D70)
• Muted Amethyst color palette (#D7FFF5, #7CB826, #6E4EE4, #436900, #383069)

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