Mustard Harbor color palette — #E4F8E7 · #ECB222 · #5A86D9 · #7660AA · #30214E

Saffron and Azure set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E4F8E7): A whisper-light, dusty green — the color of new leaves after rain.
• Saffron (#ECB222): A luminous, balanced gold — the color of afternoon light on wheat.
• Azure (#5A86D9): A luminous, balanced violet — the color of wild irises.
• Slate (#7660AA): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#30214E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Gentle Marigold color palette (#E8F7E7, #FAAA29, #0093CF, #9C547D, #431B33)
• Mustard Pier color palette (#E6FBF1, #C1C65E, #A493D9, #8F6CA6, #4E2945)
• Pale Canyon color palette (#E3F8EE, #C2C622, #6882DC, #A55165, #4C1524)
• Wandering Apricot color palette (#FFEBF7, #FF8F61, #00A6B4, #5E6AAA, #202655)
• Aubergine Workshop color palette (#CCEACF, #C78F1C, #006CB2, #7B2283, #220026)
• Aged Boulevard color palette (#E9F9F4, #85DFB8, #56B1B4, #8F7A9D, #103D3E)
• Linen Moss color palette (#FAF1DB, #AB9500, #00837B, #404A84, #481828)
• Ancient Moss color palette (#D0E5DB, #A1A200, #346C6C, #2A4238, #090F08)

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