Azure Harbor color palette — #F3F8E2 · #7AD9FF · #0097D2 · #007081 · #003657
Built around Cerulean, softened by Ice Blue — the whole palette hums with trust and stability.
The five colors
- Cream (#F3F8E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Ice Blue (#7AD9FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0097D2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007081): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003657): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Azure 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 Cabin color palette (#F7F7E0, #68E1DF, #009FA8, #007465, #003A42)
- Hazy Cabin color palette (#FCF4E8, #7FC2DE, #0075AF, #005559, #003169)
- Ancient Sky color palette (#ECF9EE, #A8E4FD, #41B4FE, #00969E, #003169)
- Timeworn Periwinkle Pier color palette (#FFF2EA, #D7E5FA, #489BFF, #007464, #220E61)
- Softworn Dune color palette (#F3F7EC, #CEE9FF, #7FA8D7, #48839E, #544053)
- Antique Loft color palette (#F1F1DC, #21B8B6, #00747B, #004B41, #00181C)
- Timeworn Ultramarine color palette (#ECF2E2, #5897D4, #0053B4, #003751, #01002F)
- Muted Garden color palette (#DDEFEC, #00A296, #0081E7, #667900, #002B27)
Browse the whole catalog at Explore, or see today's palette.