Hazy Harbor color palette — #D4E2EC · #00A8DD · #854BDA · #007196 · #03000A
Violet and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#D4E2EC): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#00A8DD): A luminous, balanced blue — the color of deep harbor water.
- Violet (#854BDA): A full-bodied, vivid violet — the color of twilight just after sunset.
- Peacock (#007196): A full-bodied, balanced blue — the color of deep harbor water.
- Black (#03000A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged duotone, vibrant.
Use it as a design system
One click turns Hazy 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
- Indigo Thicket color palette (#D9EEF5, #00AFB4, #635AE5, #007679, #01000E)
- Ancient Grape Dune color palette (#D5E4D7, #4487E9, #7A3FCB, #663D00, #050032)
- Quiet Ultramarine color palette (#D4DFEF, #5F96FF, #AA3AB2, #0355EA, #050005)
- Aged Amethyst Coast color palette (#DBEFFF, #628BF1, #6746F1, #6000A5, #15001B)
- Antique Mulberry Hollow color palette (#E2F1F7, #0094A5, #8E0077, #004F58, #050004)
- Hushed Brick Courtyard color palette (#E2F1FF, #0081B6, #BD042C, #4F4200, #000202)
- Ancient Cobalt Parlor color palette (#E3E9F1, #B0ADBD, #9F92AE, #0073CA, #021428)
- Gentle Courtyard color palette (#E7F4FF, #83CBFF, #D557FF, #0097E0, #1F0129)
Browse the whole catalog at Explore, or see today's palette.