Mustard Coast color palette — #D3E6DC · #E6C000 · #9FABFF · #0F1131 · #01030D

A conversation between Saffron and Lavender, giving this palette its sense of nature and growth.

The five colors

• Silver (#D3E6DC): A whisper-light, dusty teal — the color of glacier melt.
• Saffron (#E6C000): A luminous, vivid green — the color of new leaves after rain.
• Lavender (#9FABFF): A luminous, balanced violet — the color of wild irises.
• Deep Indigo (#0F1131): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#01030D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Pale Garden color palette (#E1EFE1, #E4C100, #31C1FC, #001824, #000204)
• Powdered Wisteria Bloom color palette (#D2F0E7, #E99E00, #C883FF, #5B3C47, #150B0E)
• Seafoam Canyon color palette (#E0EDD4, #24F5D2, #AB8BEB, #23143C, #020207)
• Chartreuse Pier color palette (#9DFFEE, #8BF94E, #BCC2FF, #1D2745, #05070F)
• Timeworn Iris color palette (#C5E8E4, #F77E1E, #827FFF, #3B191E, #1C0F17)
• Linen Workshop color palette (#D4EFD4, #00BAD3, #AF00DC, #14040C, #010104)
• Aged Wisteria Study color palette (#CEE8ED, #00C6A5, #B671FF, #170113, #010007)
• Dusty Plum Field color palette (#F7F3FB, #EDD8DE, #E2BAB8, #A15B8A, #211B2A)

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