Mustard Coast color palette — #E0F4E1 · #CEC500 · #55C3FF · #2A546C · #111D18

Saffron takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E0F4E1): A whisper-light, dusty green — the color of new leaves after rain.
• Saffron (#CEC500): A luminous, vivid green — the color of fresh herbs.
• Sky (#55C3FF): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#2A546C): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#111D18): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, 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

• Tempered Mustard Drift color palette (#E6E3C3, #FCAD1B, #68C0FF, #224E6C, #0E241E)
• Misty Pier color palette (#CEEFD9, #C6C800, #B4AAFF, #6B485C, #281A21)
• Wandering Balcony color palette (#A3FFDD, #9CE780, #C2BFFF, #5B5980, #30212A)
• Hazy Market color palette (#EBEBD5, #FFA67E, #00D4BA, #0C554A, #1B2118)
• Weathered Denim Atelier color palette (#F8EAF3, #C7CE98, #7B81C1, #4B4E8E, #210F1C)
• Powdered Iris Corridor color palette (#E1EECF, #FF9B91, #8F96F0, #2A2D50, #131927)
• Washed Boulevard color palette (#D7F4F7, #00E0AD, #CAA0FF, #674250, #25161C)
• Wandering Apricot color palette (#D7F0ED, #EB8F00, #00ADB3, #07232A, #00090D)

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