Mustard Ridge color palette — #F9F2FF · #EAB100 · #84275E · #31011F · #020006

Built around Saffron, softened by Raspberry — the whole palette hums with optimism and balance.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Saffron (#EAB100): A luminous, vivid gold — the color of old brass.
• Raspberry (#84275E): A full-bodied, balanced rose — the color of strawberry cream.
• Deep Indigo (#31011F): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Balance. Tagged luxury, dark.

Use it as a design system

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

• Gentle Mustard Canyon color palette (#F3F4FF, #EAB100, #5D3B8D, #1D1030, #010008)
• Soft Mustard color palette (#FFF0FA, #EAB100, #8A2E14, #320700, #040002)
• Tempered Honey color palette (#FBF1FF, #F4CA6D, #974262, #312038, #060209)
• Powdered Marigold Harbor color palette (#F7E9F8, #CB9900, #71062B, #170004, #030004)
• Plum Thicket color palette (#E1DBEB, #B1C273, #A55B91, #68325A, #0E0717)
• Timeworn Atelier color palette (#ECDBDB, #869746, #60114F, #26001D, #060001)
• Aged Garnet Boulevard color palette (#F0D7D4, #C37648, #601036, #2F0016, #110500)
• Sand Basin color palette (#FEF0FC, #FFE2A5, #9D6564, #443143, #150C14)

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