Mustard Coast color palette — #D9F1F9 · #4BE8C4 · #CEC300 · #494740 · #312D22

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

The five colors

• Frost (#D9F1F9): A whisper-light, dusty blue — the color of open sky before noon.
• Lagoon (#4BE8C4): A whisper-light, balanced teal — the color of glacier melt.
• Saffron (#CEC300): A luminous, vivid green — the color of a quiet forest floor.
• Charcoal (#494740): a grounded near-black with real depth.
• Espresso (#312D22): a grounded near-black with real depth.

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

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

• Chartreuse Hollow color palette (#E1F4F3, #76E887, #F6AF00, #443F39, #32291D)
• Lime Studio color palette (#DCE5F1, #00E5F7, #74DB49, #43443D, #2A2A1E)
• Wandering Marigold color palette (#E7E3FF, #50D6FF, #E5A400, #41413A, #332C24)
• Quiet Lime color palette (#F7DED2, #00CCBC, #A0B000, #2C3100, #1E1800)
• Chalky Cabin color palette (#EDDAE7, #D3D253, #FFA478, #5B3524, #30241C)
• Honey Basin color palette (#F3DEF2, #7ADFFF, #FFB56D, #6C555D, #33282C)
• Timeworn Chartreuse color palette (#ECF7FF, #B1FFFB, #B2F624, #283E38, #0E1715)
• Frosted Pier color palette (#D2FAD6, #91CCA9, #34AD88, #007A67, #004744)

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