Mustard Grove color palette — #F7E3DD · #D5AE00 · #51916A · #5F5E88 · #39336B

A conversation between Gold and Navy, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#F7E3DD): A whisper-light, dusty orange — the color of toasted spice.
• Gold (#D5AE00): A luminous, balanced green — the color of new leaves after rain.
• Fern (#51916A): A luminous, balanced teal — the color of glacier melt.
• Slate (#5F5E88): A full-bodied, dusty violet — the color of wild irises.
• Navy (#39336B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Muted Balcony color palette (#FFE8ED, #ED9C52, #758D57, #3E6A92, #11456E)
• Washed Lagoon color palette (#FFE5D8, #B5B153, #009A78, #854D76, #622A54)
• Timeworn Lime Basin color palette (#D5F4DF, #83C03C, #008D66, #72487C, #203505)
• Quiet Ultramarine Delta color palette (#FFF2F0, #F2BFA1, #A19451, #3455AF, #4A1958)
• Tempered Balcony color palette (#DFE3D5, #A6C696, #4FB577, #00849E, #00405F)
• Hushed Pine Dune color palette (#F0EED8, #8DA157, #43773B, #005A60, #004253)
• Teal Station color palette (#E6E5D2, #60A78A, #347386, #51425F, #3A172B)
• Feathered Pier color palette (#E6EAB1, #B3B82A, #9649EC, #6C6E00, #3A1661)

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