Tempered Mustard color palette — #FBF5E2 · #FFD5D0 · #C2B84B · #00A18C · #403F38

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

The five colors

• Cream (#FBF5E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Shell Pink (#FFD5D0): A whisper-light, dusty orange — the color of autumn markets.
• Gold (#C2B84B): A luminous, balanced green — the color of fresh herbs.
• Fern (#00A18C): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#403F38): a grounded near-black with real depth.

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

• Marigold Courtyard color palette (#FCF4E8, #FFC0C6, #EFAA3C, #00A778, #454311)
• Turquoise Garden color palette (#F5F6EC, #E6E0BC, #B5CD8F, #00A7C4, #4C4D46)
• Pale Sunflower color palette (#F9F5E6, #E5DFB7, #D1CB00, #6BBC7D, #3B3A33)
• Airy Olive color palette (#F9E6C1, #A1AD69, #498C40, #006B4F, #00544E)
• Chalky Cornflower color palette (#EDFAE5, #CBC45E, #00C5A1, #3277E6, #00383D)
• Muted Parlor color palette (#ECF8DC, #C9B200, #00AD75, #0069A0, #002628)
• Antique Fern Lagoon color palette (#F6F6EC, #A5B693, #1B828A, #764B5A, #324B08)
• Pale Pine Station color palette (#F1F8E7, #73AF90, #A275B5, #00794F, #51365C)

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