Mustard Harbor color palette — #EDE2F7 · #00C8ED · #B9A200 · #30312B · #201D15

Gold and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#EDE2F7): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cyan (#00C8ED): A luminous, balanced blue — the color of deep harbor water.
• Gold (#B9A200): A luminous, balanced green — the color of a quiet forest floor.
• Espresso (#30312B): quiet, heavy and certain.
• Onyx (#201D15): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, muted.

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

• Worn Amber color palette (#DBDEF4, #00CDCF, #E18B00, #322C0C, #201910)
• Antique Lime color palette (#FAD6DD, #1EC6F5, #75B800, #283523, #1E1D13)
• Powdered Lime Workshop color palette (#D7F1FF, #00DEC0, #AAC700, #464F28, #121F1B)
• Hushed Olive Meadow color palette (#EFDAE4, #00A3C2, #868600, #101505, #050300)
• Worn Lagoon color palette (#D6F0FD, #FDA1FB, #CA8C00, #2B412D, #1A241B)
• Muted Teal color palette (#FFEADD, #9DB8FF, #00C3A5, #043A40, #1C2516)
• Wandering Orchard color palette (#FFDBD4, #B1D4FF, #61DA90, #3A4A3D, #2F312C)
• Muted Fern Lantern color palette (#F5F6ED, #CFDED3, #AAB8A4, #4A6F45, #3A3C31)

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