Tempered Mustard color palette — #ECF9EE · #E1B34F · #2B99AB · #694E80 · #352046

Gold takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Gold (#E1B34F): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#2B99AB): A luminous, balanced blue — the color of deep harbor water.
• Graphite (#694E80): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#352046): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged cool.

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

• Timeworn Grove color palette (#EBF9F4, #BFD977, #729ECC, #805E7A, #40314E)
• Ancient Apricot color palette (#FFF0FC, #FF9C8C, #509D62, #49598C, #22274B)
• Gentle Station color palette (#FFF0FA, #F9A68E, #40B2BB, #A9628A, #50293F)
• Weathered Lagoon Meadow color palette (#FCF2F9, #D4D4E3, #88C5DD, #559078, #28425A)
• Weathered Teal Pier color palette (#ECF8F5, #B0EEE8, #5DAFA4, #836F80, #1F3F3E)
• Hushed Aubergine color palette (#FBF5E7, #96894A, #007273, #4F318D, #5F2117)
• Antique Pier color palette (#FCF9C0, #CAEC7D, #73AF5F, #3D8566, #0A4248)
• Softworn Aubergine color palette (#F6FACA, #A1A306, #0069C0, #650076, #2B0009)

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