Mustard Coast color palette — #F5EEDB · #D1C200 · #A0A7FE · #9E942C · #2F3157
Saffron takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F5EEDB): A whisper-light, dusty green — the color of a quiet forest floor.
- Saffron (#D1C200): A luminous, vivid green — the color of a quiet forest floor.
- Lavender (#A0A7FE): A luminous, balanced violet — the color of wild irises.
- Moss (#9E942C): A luminous, balanced green — the color of new leaves after rain.
- Navy (#2F3157): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Mustard Field color palette (#E2FDEF, #CBC455, #989CF3, #817900, #22214D)
- Hazy Chartreuse color palette (#F3F0D5, #C0E451, #C997FA, #708A00, #3F2A52)
- Hazy Chartreuse Villa color palette (#F9F7DD, #B3DD6B, #D7A6F8, #8EAA62, #5B3542)
- Feathered Sky color palette (#FCECD9, #FFC780, #6AB7FF, #AB6F00, #183854)
- Weathered Violet color palette (#FBEDD1, #D7B72B, #8B6FD6, #867000, #372E52)
- Tempered Lime Hollow color palette (#F0E5BC, #B3B700, #40B2E3, #CB779E, #332B0E)
- Antique Dune color palette (#EFE7D4, #BDCA80, #A8A062, #8C774D, #31312A)
- Wandering Violet Chapel color palette (#F4EED1, #ADBA2D, #8E55E4, #6F7800, #210A3F)
Browse the whole catalog at Explore, or see today's palette.