Tempered Mustard color palette — #F8F6E8 · #C1BE6B · #9AA7DB · #9F7B95 · #572000

Built around Gold, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F6E8): bright and airy, almost weightless.
• Gold (#C1BE6B): A luminous, balanced green — the color of fresh herbs.
• Mauve (#9AA7DB): A luminous, dusty violet — the color of a velvet chair.
• Heather (#9F7B95): A luminous, dusty pink — the color of peonies in June.
• Espresso (#572000): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant, 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

• Mint Drift color palette (#F6F7E6, #8DD289, #B797D6, #917CA7, #36312C)
• Dusty Marigold color palette (#FEF3E6, #EBAC52, #89A7DA, #778EB4, #3E2D2C)
• Celadon Workshop color palette (#FFF3E8, #C7DB84, #6FC0AE, #AB7E86, #484841)
• Weathered Seafoam color palette (#E8F9FC, #74D2C5, #589D94, #5E699E, #202E23)
• Ancient Mint Orchard color palette (#F5F8E2, #2CDE80, #B766A9, #99578D, #291908)
• Weathered Mint color palette (#F1F4E3, #75CF80, #72806D, #525B0F, #23221B)
• Magenta Parlor color palette (#FCF7D2, #A0CA2B, #C142CB, #A252A8, #3C1507)
• Softworn Celadon Cabin color palette (#FFF4DE, #CDE69C, #8FC89C, #509D8D, #00555C)

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