Hazy Harbor color palette — #ECEAFF · #00C1D1 · #C09000 · #2A2F0F · #211603
A conversation between Mustard and Cyan, giving this palette its sense of trust and stability.
The five colors
- Frost (#ECEAFF): A whisper-light, dusty violet — the color of a velvet chair.
- Cyan (#00C1D1): A luminous, balanced blue — the color of deep harbor water.
- Mustard (#C09000): A luminous, balanced gold — the color of old brass.
- Deep Forest (#2A2F0F): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#211603): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Balance. Tagged neon, dark, 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
- Wandering Moss Cabin color palette (#EAD8EE, #45B4FE, #8B9C00, #122E17, #191400)
- Feathered Drift color palette (#EFDEE8, #00B1B8, #DA6800, #2A0E00, #100500)
- Clover Lagoon color palette (#E7E4FE, #00CC66, #E87400, #392800, #251609)
- Misty Parlor color palette (#F7E3E2, #00D78A, #C8AD00, #4C4100, #021F11)
- Ancient Hollow color palette (#DDF2FE, #C9ACFF, #C87E00, #472A00, #220E16)
- Aged Boulevard color palette (#FBD6FF, #78E2FF, #DABD3E, #44463F, #322F27)
- Softworn Hollow color palette (#F7F6E6, #D1D6B9, #9FAC91, #486600, #34332C)
- Frosted Canyon color palette (#F0DCE6, #92B2FF, #3CC100, #263725, #1E1F10)
Browse the whole catalog at Explore, or see today's palette.