Tempered Mustard color palette — #F1E0DE · #C4AF5A · #619870 · #625586 · #443667

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

The five colors

• Parchment (#F1E0DE): bright and airy, almost weightless.
• Gold (#C4AF5A): A luminous, balanced green — the color of new leaves after rain.
• Fern (#619870): A luminous, balanced teal — the color of sea glass.
• Graphite (#625586): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#443667): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Worn Basalt Lagoon color palette (#FAE9DD, #B7B765, #529A95, #7D4376, #561E50)
• Navy Chapel color palette (#F0D6E5, #D99485, #958C40, #545598, #363378)
• Muted Quarry color palette (#FFF1F0, #F4B16A, #51A446, #6B4A7F, #3C214B)
• Sunlit Aubergine color palette (#FBE3C5, #A29C65, #53723F, #004C83, #3A2774)
• Antique Clover Thicket color palette (#D8F3E2, #81BF5F, #008C6D, #76467A, #183703)
• Ancient Workshop color palette (#EBE4C3, #73A27F, #43758E, #663347, #43182A)
• Clover Boulevard color palette (#EADCCD, #D0C474, #73B961, #4383C5, #33325D)
• Hushed Harbor color palette (#FDF0FF, #C6D5C4, #94B2AA, #877A95, #514958)

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