Cobalt Harbor color palette — #EAFAED · #A5D3FF · #517DCF · #00637B · #363B66
Built around Azure, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#EAFAED): A whisper-light, dusty teal — the color of shallow lagoons.
- Powder Blue (#A5D3FF): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#517DCF): A full-bodied, balanced violet — the color of twilight just after sunset.
- Peacock (#00637B): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#363B66): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Cerulean Cabin color palette (#EEF8F0, #70E0FA, #008BB8, #006763, #0F4368)
- Quiet Cobalt Basin color palette (#FFECF2, #A6D5FF, #627ECD, #00606C, #261752)
- Timeworn Balcony color palette (#FDF3EA, #B3E8D9, #7696F3, #008090, #403669)
- Gentle Azure Corridor color palette (#F3F8E9, #B7E9F0, #82B9FF, #009DD5, #253E6F)
- Wandering Ash color palette (#F0F7F1, #D1E0F3, #6EA2B3, #47787E, #3F5667)
- Softworn Navy Pier color palette (#D6E6D9, #4B97CC, #004596, #002E38, #08083E)
- Hushed Petrol color palette (#E8F1EA, #6CC1C4, #007587, #005141, #003345)
- Tempered Cerulean Dune color palette (#E3F3E6, #358DA1, #00425A, #002221, #000A17)
Browse the whole catalog at Explore, or see today's palette.