Mustard Coast color palette — #FFF0F9 · #DDB107 · #00946E · #633F78 · #03281F

Saffron and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Saffron (#DDB107): A luminous, balanced green — the color of new leaves after rain.
• Fern (#00946E): A full-bodied, balanced teal — the color of glacier melt.
• Royal Purple (#633F78): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#03281F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Powdered Lime Ridge color palette (#FFEFFF, #A0C746, #008F96, #753861, #002827)
• Frosted Apricot Workshop color palette (#E3FEE0, #FF9A46, #5F8D3C, #494A7F, #092914)
• Wandering Emerald color palette (#FFF1F5, #D8D393, #679957, #7F5564, #152E22)
• Washed Lime color palette (#F7EED4, #ADC75E, #6DA86A, #008298, #31312A)
• Hushed Aubergine color palette (#FCEBDC, #9C8419, #006D38, #5E2166, #32302A)
• Patina Clover Chapel color palette (#FFF1F3, #36CC18, #008098, #7F0055, #001E15)
• Washed Boulevard color palette (#E8FBEC, #CEA107, #4B6FC7, #663464, #2D0A2C)
• Hushed Moss Archive color palette (#D2F2E4, #7A9547, #2B6B36, #00404E, #0C1D00)

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