Cobalt Harbor color palette — #F3EEE5 · #96CDEC · #378BD5 · #006A77 · #152A5C
Built around Azure, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#F3EEE5): bright and airy, almost weightless.
- Sky (#96CDEC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#378BD5): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006A77): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#152A5C): A deep, shadowed, balanced 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
- Ancient Cerulean color palette (#F5EDE1, #8CD2D8, #0096B1, #006E5D, #003347)
- Azure Courtyard color palette (#EFF8F1, #D1DFFE, #3C96E7, #006874, #0C1C40)
- Antique Petrol color palette (#FBF4EA, #B9DED3, #7696CA, #167890, #31385A)
- Antique Petrol Summit color palette (#F7ECE4, #8EBDAB, #4566A9, #00504B, #302159)
- Antique Petrol color palette (#E7DDCE, #6AADC0, #006F98, #004A49, #001529)
- Antique Cerulean color palette (#F9F4EE, #C4E0F0, #96B4DB, #5091A1, #604B5B)
- Feathered Garden color palette (#F3D5E0, #A162DE, #AE6700, #007A70, #271538)
- Patina Canyon color palette (#FFE6EF, #F5B8ED, #EE9EB2, #7978B6, #49252E)
Browse the whole catalog at Explore, or see today's palette.