Tempered Mustard color palette — #E7FBF1 · #B6B567 · #9690CE · #777634 · #454C66

Sage and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#B6B567): A luminous, balanced green — the color of new leaves after rain.
• Blue Fog (#9690CE): A luminous, balanced violet — the color of twilight just after sunset.
• Walnut (#777634): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#454C66): A full-bodied, dusty violet — the color of wild irises.

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

• Antique Olive Field color palette (#E9F5EF, #B5B884, #9497C7, #74772B, #252F4E)
• Weathered Orchard color palette (#E8F9F8, #70C592, #B786AB, #44815D, #524764)
• Patina Alley color palette (#FFF1F6, #E49E64, #6A9ECD, #926846, #375067)
• Worn Driftwood color palette (#F9F5EA, #C9C891, #B1AADB, #94903F, #624253)
• Muted Terrace color palette (#E9FAF1, #B1BF91, #658A78, #4E6453, #374D49)
• Moss Meadow color palette (#DFFDF1, #96A03D, #5991B1, #966678, #30483F)
• Powder Villa color palette (#E7FAF2, #C1E8F2, #A2D0E9, #708D7A, #425852)
• Lime Basin color palette (#D7FFF5, #7DB826, #934AB5, #436900, #4F2462)

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