Mustard Grove color palette — #FFF0F8 · #D9B669 · #4F4684 · #180E3A · #040002

A conversation between Sand and Indigo, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sand (#D9B669): A luminous, balanced gold — the color of afternoon light on wheat.
• Indigo (#4F4684): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#180E3A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, 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

• Mustard Thicket color palette (#E1FDF3, #DEB457, #005782, #001A2C, #000201)
• Muted Delta color palette (#FFF1F6, #EECB81, #6A588C, #2D1F45, #090204)
• Airy Cobalt color palette (#EBD7E4, #B3C17C, #6B70BB, #3E417D, #170311)
• Marigold Summit color palette (#FFE7EE, #CB9900, #511F6F, #0F001A, #040001)
• Mulberry Loft color palette (#FFF1F1, #F1BA30, #90266F, #3B002A, #040000)
• Navy Parlor color palette (#D8E0EE, #779C35, #212C80, #070B35, #000109)
• Patina Pewter color palette (#FFF1F4, #FFE2A6, #8E6596, #4E2D35, #170B0E)
• Pewter Atelier color palette (#FCF2F4, #E4D8D2, #D2BEAD, #965E9D, #29191C)

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