Tempered Mustard color palette — #FCE7D2 · #D3C400 · #64AC49 · #8B6C9E · #332F00

Saffron and Kelly Green set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#FCE7D2): A whisper-light, dusty gold — the color of old brass.
• Saffron (#D3C400): A luminous, vivid green — the color of fresh herbs.
• Kelly Green (#64AC49): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#8B6C9E): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#332F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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

• Jade Studio color palette (#FFF3E8, #DCCB76, #86AE67, #9B778B, #38352E)
• Lime Atelier color palette (#F9E9CA, #9CD46B, #00B183, #A85F86, #1F3505)
• Feathered Lime color palette (#FDE9C4, #9FD451, #00B27C, #2A86A4, #24340E)
• Emerald Courtyard color palette (#F3E1D0, #B7AA3D, #57903C, #5E5D8E, #231900)
• Misty Lime color palette (#D1F6DF, #A4B700, #4B8A19, #276182, #2C3206)
• Lime Drift color palette (#FFD9E2, #ECADFF, #55C601, #A43FC0, #123800)
• Tempered Fern Workshop color palette (#FBF4EC, #E8DEB2, #B2BB90, #A99497, #5B4C00)
• Soft Harbor color palette (#D7EBD7, #9F9848, #426800, #312C8A, #191700)

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