Cobalt Harbor color palette — #E8F8FF · #7ECEFF · #348DD5 · #275AA4 · #252F5D
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#E8F8FF): bright and airy, almost weightless.
- Sky (#7ECEFF): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#348DD5): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#275AA4): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#252F5D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Sunlit Glacier Garden color palette (#CBFFFC, #4DDFE9, #00A3C4, #006383, #003654)
- Quiet Iris Thicket color palette (#EEF6FF, #A9C0FF, #8689E8, #68519F, #3D2754)
- Indigo Loft color palette (#C5F0EE, #59CEEF, #21AAFB, #5365D3, #412F67)
- Sunlit Iris Basin color palette (#F1F5FF, #CBD8FF, #7089D9, #30478A, #020332)
- Hushed Corridor color palette (#D8F4FF, #20A2E0, #0070B5, #184295, #333A5F)
- Gentle Cabin color palette (#EEF6FF, #93C2FF, #CE9D37, #3B77C1, #362400)
- Tempered Ultramarine Chapel color palette (#CCE2EF, #31A1FD, #005AC5, #212295, #0A0028)
- Quiet Chapel color palette (#D2F5F6, #00A6D4, #0069A8, #2F398D, #221436)
Browse the whole catalog at Explore, or see today's palette.