Tempered Mustard color palette — #CDE4EE · #E4BB00 · #B5AAFF · #42475D · #1B1D28

Saffron takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#CDE4EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Saffron (#E4BB00): A luminous, vivid green — the color of new leaves after rain.
• Lavender (#B5AAFF): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#42475D): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#1B1D28): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged neon, dark, vibrant, 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

• Aged Apricot color palette (#CCF3E8, #FFA771, #6CC0FF, #394F63, #151D24)
• Muted Chartreuse color palette (#EEEDFA, #C0D46D, #A073B3, #555172, #161420)
• Ancient Lilac Terrace color palette (#DFE7D5, #A1CBFF, #B28AE7, #464761, #181924)
• Misty Celadon Balcony color palette (#D7F952, #8DE7FF, #E38AE5, #605B70, #25232C)
• Airy Basin color palette (#E0EFD9, #B2B6FF, #E14DE2, #5A3359, #140D24)
• Ancient Mustard color palette (#D4ECD8, #DEB600, #FF8382, #3B3331, #231713)
• Tempered Chapel color palette (#D5F1EB, #AEADFF, #E6624B, #4E3348, #150913)
• Wandering Taupe color palette (#F8F3FA, #E6D5D7, #D4B9B7, #C98B9A, #3E3840)

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