Cobalt Harbor color palette — #D9F3F6 · #5CC7E4 · #00AAE3 · #0081D2 · #1C3560
Built around Azure, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Frost (#D9F3F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#5CC7E4): A luminous, balanced blue — the color of deep harbor water.
- Cyan (#00AAE3): A luminous, balanced blue — the color of deep harbor water.
- Azure (#0081D2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#1C3560): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Cobalt 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
- Denim Villa color palette (#CEEEE7, #3AC1CC, #008BC5, #0058AA, #333971)
- Linen Delta color palette (#CFEBFF, #8CCEFD, #6CA9F4, #6885DF, #3F3E65)
- Cobalt Delta color palette (#EFF6FF, #AED0FF, #69A5F5, #2776D3, #001D49)
- Aged Lagoon color palette (#D5E8ED, #00A1D3, #007BC9, #0051BB, #100F60)
- Weathered Cerulean color palette (#C8E8EE, #00A1C0, #006F9B, #004275, #102343)
- Antique Sky Alley color palette (#EEF6FF, #DBD7E9, #E8B7DF, #42BAE7, #303F56)
- Soft Azure Market color palette (#E2F1FD, #7AC8FF, #EE995E, #009AE5, #552700)
- Worn Ridge color palette (#D5F6E4, #63D3B3, #00B2A2, #008389, #00414A)
Browse the whole catalog at Explore, or see today's palette.