Hazy Harbor color palette — #C8E7D8 · #00ADB2 · #00718E · #00487D · #262B78
A conversation between Navy and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Celadon Mist (#C8E7D8): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#00ADB2): A luminous, balanced teal — the color of glacier melt.
- Teal (#00718E): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00487D): A deep, shadowed, balanced blue — the color of open sky before noon.
- Navy (#262B78): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Muted Turquoise Field color palette (#D4EBEA, #00B6C9, #0084A5, #005F84, #00365F)
- Muted Nightshade Study color palette (#D3F3EE, #009EB5, #006991, #1A17C4, #3C1F73)
- Gentle Field color palette (#E2F3DF, #00AC85, #007269, #004B56, #1F2B50)
- Linen Parlor color palette (#CEE8FF, #259DDF, #AD2D00, #00547D, #561100)
- Chalky Periwinkle color palette (#D6EDFF, #38A5FF, #006295, #003554, #001F32)
- Hazy Lantern color palette (#D3F2F4, #08AEEF, #0065D5, #3D36AD, #473469)
- Cerulean Study color palette (#D6F9FF, #69C3D4, #1F92BF, #406490, #544A63)
- Faded Marigold Thicket color palette (#ECEDD3, #F9AA2C, #0091D3, #222B48, #021A2C)
Browse the whole catalog at Explore, or see today's palette.