Tempered Mustard color palette — #D8F1D8 · #B89F1C · #8F6000 · #663415 · #002319
Built around Mustard, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D8F1D8): A whisper-light, dusty green — the color of a quiet forest floor.
- Mustard (#B89F1C): A luminous, balanced green — the color of a quiet forest floor.
- Ochre (#8F6000): A full-bodied, balanced gold — the color of honey in a jar.
- Bronze (#663415): A deep, shadowed, balanced orange — the color of toasted spice.
- Onyx (#002319): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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
- Airy Amber color palette (#FFDFEE, #D4910E, #A05417, #67312C, #002312)
- Soft Amber color palette (#EADFD2, #A88B00, #7D5000, #5B2200, #111400)
- Tempered Cocoa Canyon color palette (#FDECD7, #A8A051, #8D5E06, #783012, #283C16)
- Chestnut Workshop color palette (#CDE8D7, #92A065, #72641E, #2B462A, #001D1A)
- Hushed Honey Summit color palette (#FFF3E3, #F7CA4E, #B8882B, #825414, #342500)
- Sapphire Canyon color palette (#EAF2FF, #3A6BFF, #7D6A00, #564800, #071130)
- Bronze Lantern color palette (#FADEF0, #A35E0E, #762400, #470014, #000801)
- Dusty Driftwood color palette (#E6F7E9, #A0C5B2, #6D8C73, #6C4E5B, #1C312B)
Browse the whole catalog at Explore, or see today's palette.