Hazy Harbor color palette — #F9E9F2 · #91C9E2 · #1296F8 · #007D79 · #121B44
Built around Azure, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Blush (#F9E9F2): A whisper-light, dusty pink — the color of peonies in June.
- Sky (#91C9E2): A luminous, dusty blue — the color of deep harbor water.
- Azure (#1296F8): A luminous, vivid blue — the color of deep harbor water.
- Teal (#007D79): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#121B44): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Cerulean Delta color palette (#F3E5EF, #8BCDD0, #00A2C5, #008158, #002238)
- Indigo Chapel color palette (#F3E1E6, #89B4DF, #5A75F2, #006B7A, #18033A)
- Frosted Harbor color palette (#F6EBEF, #ABD9FF, #78A0FF, #008F9D, #2C2750)
- Worn Balcony color palette (#E3E6DA, #74BCDB, #007EB1, #005765, #002139)
- Gentle Denim Coast color palette (#C9E7E4, #00ABB8, #008DB0, #00609A, #021D55)
- Wisteria Lagoon color palette (#C5E3F6, #AFCEFF, #CC98FF, #009596, #0B2340)
- Chalky Turquoise Study color palette (#FFF0FB, #96EAEF, #00BDE7, #009C6E, #003657)
- Pale Sky Quarry color palette (#DCEEFF, #45B4FE, #008FD4, #005688, #000B19)
Browse the whole catalog at Explore, or see today's palette.