Mustard Grove color palette — #F0F8EF · #E4B679 · #A3AB75 · #619D7F · #333042

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

The five colors

• Ivory (#F0F8EF): bright and airy, almost weightless.
• Sand (#E4B679): A luminous, balanced gold — the color of honey in a jar.
• Sage (#A3AB75): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#619D7F): A luminous, dusty teal — the color of sea glass.
• Deep Teal (#333042): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Mustard Grove 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

• Teal Quarry color palette (#EEF9EE, #D7B584, #75B488, #8085B1, #283829)
• Hushed Taupe Veranda color palette (#FCF1FB, #E6A5A4, #C39665, #539E97, #383140)
• Hushed Petrol color palette (#FAF2FB, #EDAFBC, #68A276, #007D9F, #202031)
• Shell Grove color palette (#E8FAEF, #F8BDD3, #C9A881, #6B8FB7, #524150)
• Ancient Apricot Chapel color palette (#FEECF5, #E8A580, #6C8274, #5E5057, #252025)
• Washed Workshop color palette (#FFF2EE, #D98E94, #628F68, #1C7188, #412D33)
• Timeworn Mint Veranda color palette (#E5FAF9, #6ECA99, #3AADB5, #488ABD, #392532)
• Fern Lantern color palette (#F7F3FF, #FEC8CC, #E2A784, #A48D4F, #394C09)

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