Tempered Mustard color palette — #D6F1EB · #E9B100 · #78AFFF · #22334A · #18212D

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

The five colors

• Honeydew (#D6F1EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Saffron (#E9B100): A luminous, vivid gold — the color of old brass.
• Cornflower (#78AFFF): A luminous, balanced blue — the color of deep harbor water.
• Deep Teal (#22334A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#18212D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant.

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

• Tempered Terrace color palette (#D0E2FF, #CDD600, #9ABEFF, #394556, #212730)
• Dusty Marigold color palette (#CCE4E5, #FDA43B, #00C6CD, #1D3D47, #121E21)
• Hushed Sand color palette (#A9FFDA, #FFD089, #C6BEFF, #402033, #11070D)
• Seafoam Drift color palette (#D7E9CE, #00E4DE, #908DE9, #2A324A, #181C29)
• Tempered Terrace color palette (#D8F4FF, #9F9F00, #0095DE, #001A2E, #00060E)
• Mint Lagoon color palette (#FFE7D2, #00EAA6, #2AA4E9, #233C50, #18222B)
• Clover Studio color palette (#D7E8FD, #00D461, #8F9AFF, #292D58, #0A1225)
• Worn Pier color palette (#F7F3FB, #E7D4D9, #CDB9B8, #A36C8F, #3D3843)

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