Cobalt Harbor color palette — #E5F6F5 · #AFD5F2 · #2189CE · #005F76 · #00254A
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E5F6F5): bright and airy, almost weightless.
- Powder Blue (#AFD5F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#2189CE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005F76): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00254A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Cobalt Villa color palette (#DEF8F7, #92C2E6, #0074C7, #004E67, #00173F)
- Lagoon Boulevard color palette (#E9F5F2, #A8CFDA, #008C98, #005C53, #00262D)
- Ancient Pier color palette (#D7E9E7, #5193B2, #004F74, #002A34, #00050D)
- Wandering Lantern color palette (#CDE9FF, #008DC6, #8B50CF, #007359, #001B2A)
- Hushed Coast color palette (#D8EAEF, #00AFDF, #0076A3, #00466A, #002544)
- Aged Cypress color palette (#ECF4F2, #CDDBE8, #67A9AD, #037D6B, #133B4A)
- Softworn Periwinkle color palette (#FDF1F7, #D8D3DF, #7DB0FA, #00878D, #2C2B68)
- Patina Peony Station color palette (#E7F4FF, #20A1EE, #C84AA5, #006194, #3E0030)
Browse the whole catalog at Explore, or see today's palette.