Tempered Mustard color palette — #E2FDE8 · #F1B315 · #759300 · #0C58A1 · #2F2800

Built around Saffron, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Honeydew (#E2FDE8): A whisper-light, dusty teal — the color of glacier melt.
• Saffron (#F1B315): A luminous, vivid gold — the color of old brass.
• Olive Leaf (#759300): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#0C58A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#2F2800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Worn Emerald color palette (#E8FBEB, #C2BB56, #2E953A, #404A8C, #00291F)
• Linen Bronze Atelier color palette (#E2FEE7, #FFA672, #A28200, #006279, #3C2000)
• Clover Lagoon color palette (#FFF3E7, #FFAB58, #5CB640, #746EBD, #423400)
• Faded Quarry color palette (#DFFFE5, #C09F00, #437C00, #103392, #141300)
• Nightshade Meadow color palette (#E5FCEB, #D4A800, #00937E, #1C3FBB, #410225)
• Aged Hollow color palette (#E8FBEB, #BBD894, #1DAA81, #68598C, #193834)
• Lime Garden color palette (#DEFFE5, #90D739, #009D7C, #6A37A6, #0B3011)
• Powdered Amber color palette (#FFF4DD, #A58A00, #5C6700, #00514C, #3C3600)

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