Tempered Mustard color palette — #FFF2EB · #E3DCC0 · #CEAF69 · #828254 · #545704

Gold and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E3DCC0): A whisper-light, dusty green — the color of fresh herbs.
• Gold (#CEAF69): A luminous, balanced gold — the color of old brass.
• Walnut (#828254): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#545704): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged light, 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

• Dusty Quarry color palette (#FFF4E2, #D4E4C1, #C2AB85, #A46B3D, #3F4300)
• Ancient Stone Loft color palette (#E3FEE0, #F0CD96, #D5B87B, #A18D51, #305542)
• Aged Chestnut Loft color palette (#FFF0F9, #D2A982, #A68137, #736500, #295448)
• Straw Workshop color palette (#FFF4E1, #FDF7A2, #99C687, #54866A, #445741)
• Antique Lichen Dune color palette (#FFF4DB, #CDFAC3, #C0BB7D, #756D3C, #312501)
• Aged Lantern color palette (#FFDAB6, #CCA300, #6F8C00, #145B04, #002619)
• Washed Lagoon color palette (#FFF4E1, #D8CF34, #659720, #196E38, #003028)
• Worn Atelier color palette (#FFF3E8, #FFCA6A, #A69F00, #477000, #003E24)

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