Misty Harbor color palette — #DAF4F5 · #00BCEC · #008AE0 · #525A9E · #3E315C
A conversation between Azure and Cyan, giving this palette its sense of trust and stability.
The five colors
- Frost (#DAF4F5): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00BCEC): A luminous, balanced blue — the color of deep harbor water.
- Azure (#008AE0): A luminous, vivid blue — the color of open sky before noon.
- Slate (#525A9E): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#3E315C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Misty 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 Lagoon color palette (#E1FBFF, #5BCDF6, #0894E7, #1758C2, #25214D)
- Ancient Villa color palette (#CCE6DB, #00C3C3, #0098B5, #1E689A, #303D61)
- Indigo Ridge color palette (#CDEFFF, #77B1FF, #7873DD, #6D508F, #513253)
- Washed Iris color palette (#EFF3FF, #9EB4FF, #6D80D6, #334B8D, #0D1F45)
- Frosted Dune color palette (#E4F0FF, #6AA9FF, #C68633, #3571C1, #4B2E06)
- Frosted Ultramarine color palette (#D7F3F7, #008ECA, #0054DB, #3F2992, #2C0D42)
- Dusty Studio color palette (#F4E9D5, #00EC94, #3BA2E9, #263949, #101A23)
- Violet Lantern color palette (#DAF0FF, #79A2FF, #8A4AFF, #7C148E, #550945)
Browse the whole catalog at Explore, or see today's palette.