Mustard Grove color palette — #FFF1F7 · #E3BF74 · #96653F · #573746 · #291E23

Honey and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Honey (#E3BF74): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#96653F): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#573746): A deep, shadowed, dusty rose — the color of a warm blush.
• Onyx (#291E23): a grounded near-black with real depth.

Feels like: Optimism, 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

• Honey Study color palette (#ECFAEC, #E5BF6B, #90692F, #304A30, #1A251A)
• Weathered Cocoa Lantern color palette (#FFF0F7, #BFAE74, #76421D, #412233, #261616)
• Dusty Terrace color palette (#FBF4EE, #E4D59F, #BC8766, #855738, #2A1F17)
• Bronze Courtyard color palette (#FCF3EC, #FFE0B5, #996B43, #542D04, #180D04)
• Soft Honey Veranda color palette (#EFF8EE, #F7B664, #7B9C4F, #A97429, #112924)
• Chalky Marigold Loft color palette (#D3EDD5, #D6A200, #785300, #3E2900, #011404)
• Hushed Boulevard color palette (#DEF4EF, #D9AE4D, #467124, #283C1B, #071A17)
• Mustard Grove color palette (#E6FCEA, #C6B243, #6B9361, #54628A, #284439)

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