Hazy Harbor color palette — #F0F6FF · #B2EFFF · #A4B7FF · #D26CD4 · #1A0438
A conversation between Pink Orchid and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F6FF): a clean, paper-quiet neutral.
- Frost (#B2EFFF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#A4B7FF): A luminous, balanced violet — the color of wild irises.
- Pink Orchid (#D26CD4): A luminous, vivid pink — the color of neon signs at night.
- Deep Indigo (#1A0438): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Balance. Tagged candy, vibrant, light.
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
- Sunlit Pier color palette (#F2F5FF, #C3E7FF, #BBB8FF, #E35296, #180125)
- Lilac Drift color palette (#ECF7FF, #78FEFD, #7DC4FF, #9975E6, #001535)
- Misty Quarry color palette (#FDE9F5, #BBD8FF, #CFAFEB, #B589FF, #271957)
- Orchid Lagoon color palette (#DFE8FF, #A9A0FF, #9D58C5, #75287E, #320021)
- Sunlit Byzantium color palette (#EBF2FF, #7EB2FF, #7E81FF, #853ECE, #0E0330)
- Misty Magenta Station color palette (#F2F0FF, #9AB3FF, #C455E5, #BA0028, #030003)
- Gentle Blush color palette (#F4F4FF, #E2D4F2, #ED98FF, #F86375, #240020)
- Driftwood Veranda color palette (#E2F2FF, #B9B5E5, #A7799B, #34685E, #00352D)
Browse the whole catalog at Explore, or see today's palette.