Tempered Mustard color palette — #FFEEE9 · #E8B377 · #879857 · #666A98 · #53466A

Sand and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEEE9): a clean, paper-quiet neutral.
• Sand (#E8B377): A luminous, balanced gold — the color of old brass.
• Moss (#879857): A luminous, balanced green — the color of new leaves after rain.
• Slate (#666A98): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#53466A): A full-bodied, dusty violet — the color of a velvet chair.

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

• Olive Pier color palette (#FFEAE5, #BDA267, #61874E, #64567B, #4E2B3A)
• Taupe Orchard color palette (#FFF3E6, #CFC4A1, #7CAD8C, #8D676E, #674848)
• Worn Alley color palette (#FFF2EB, #FBD598, #A3B17C, #3B7693, #324564)
• Aged Sand Station color palette (#FFE2EB, #FBBA93, #ADBA81, #8780B3, #453E69)
• Hushed Moss Loft color palette (#FFF3E2, #BCC179, #4D9C24, #865876, #3C3B34)
• Mustard Pier color palette (#FFDDB8, #D1B16E, #7F7B46, #366467, #004E60)
• Washed Studio color palette (#FFDDE0, #F4A4A2, #C2833C, #39708F, #1E5043)
• Dusty Market color palette (#EBDDD1, #A29547, #437754, #5B3568, #34193A)

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