Mustard Garden color palette — #F8EEF7 · #CFAF6B · #7D4140 · #361C35 · #120911

Camel and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F8EEF7): bright and airy, almost weightless.
• Camel (#CFAF6B): A luminous, balanced gold — the color of old brass.
• Coffee (#7D4140): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Indigo (#361C35): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#120911): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Hushed Cocoa Corridor color palette (#FFF2EE, #B3B181, #744044, #45231A, #24190D)
• Wandering Cocoa Canyon color palette (#FDF3EE, #E8BA8F, #9E5D53, #6A2F0E, #2E1D15)
• Wandering Balcony color palette (#E2F9E3, #D29E00, #664500, #2E1D00, #020A02)
• Frosted Apricot color palette (#F9EEF5, #F99479, #727D16, #9A4934, #03120C)
• Hushed Quarry color palette (#EBDAE3, #BB8C00, #692600, #2A0A00, #090005)
• Patina Bronze Chapel color palette (#F8EFF3, #C6D8DB, #ACBFBD, #966A49, #32292D)
• Celadon Lantern color palette (#F9F2FC, #DBF0A9, #9E6272, #43304A, #130D15)
• Antique Bloom color palette (#FFEADF, #E09B4B, #926F03, #514E00, #1C2600)

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