Cobalt Harbor color palette — #EDF9EF · #9FCAF2 · #5677B6 · #005C73 · #2C3959
Built around Slate, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF9EF): bright and airy, almost weightless.
- Sky (#9FCAF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#5677B6): A full-bodied, balanced violet — the color of twilight just after sunset.
- Peacock (#005C73): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#2C3959): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Antique Cerulean Courtyard color palette (#EDF9EF, #92D2D9, #0086A2, #006154, #1C3E56)
- Patina Cobalt Balcony color palette (#FCEEF2, #AFCBE6, #6379B7, #005A65, #211840)
- Wandering Cerulean Delta color palette (#F4F6EE, #C6E9DF, #88B5ED, #0098CE, #263961)
- Worn Field color palette (#FCF4EB, #B2E0D3, #7C93D1, #007A89, #3A3459)
- Dusty Cerulean color palette (#DCEADF, #009FC1, #005071, #003030, #00142B)
- Softworn Alley color palette (#C4EFE7, #399000, #306BBF, #913A41, #0A332D)
- Softworn Seafoam color palette (#DEFDF7, #96EBC0, #66BBB8, #70773C, #1F4848)
- Moss Balcony color palette (#DCF5EF, #74B124, #8A4BA3, #3D6300, #442850)
Browse the whole catalog at Explore, or see today's palette.