Tempered Mustard color palette — #FFF4E2 · #F5DA83 · #C0C756 · #AA6A00 · #423200

Honey and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Butter (#F5DA83): A whisper-light, balanced green — the color of new leaves after rain.
• Honey (#C0C756): A luminous, balanced green — the color of a quiet forest floor.
• Ochre (#AA6A00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#423200): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.

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

• Chalky Lime color palette (#D9FFE8, #E0E783, #8FCC41, #AA7D00, #403E00)
• Clover Lagoon color palette (#FFF3E7, #DFC75B, #0EC857, #B4280B, #453100)
• Ember Field color palette (#FFF1E9, #FBCA9F, #F0AD00, #D95022, #602D00)
• Mint Ridge color palette (#D3FAEE, #BDDAB1, #73CF93, #757900, #094139)
• Straw Loft color palette (#FFF3E6, #EFEB64, #8EEBA8, #EA7569, #4A3400)
• Antique Bronze Atelier color palette (#F8D2DF, #CE9950, #A96500, #7E3F00, #372500)
• Timeworn Mustard color palette (#CCEEDD, #CCA700, #625E00, #322F00, #00140B)
• Washed Lantern color palette (#DEF6E8, #A6AD7B, #6A9942, #634A00, #0D0D00)

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