Cobalt Harbor color palette — #EDF9EF · #A6D6F0 · #3184C8 · #00656F · #223D73
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF9EF): bright and airy, almost weightless.
- Powder Blue (#A6D6F0): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#3184C8): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00656F): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#223D73): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Cypress Harbor color palette (#F1F7F2, #C1E2F2, #5F92AB, #226F6C, #2B4B66)
- Sapphire Canyon color palette (#EDF9EF, #82C0E8, #076EC8, #005461, #182974)
- Pale Hollow color palette (#FBEEF4, #A1D8F8, #5A81CC, #00635C, #271750)
- Antique Periwinkle color palette (#FEF3EA, #BCE6D3, #599AFF, #008477, #3E3571)
- Denim Coast color palette (#DFF0E2, #5C98B2, #004E79, #002F33, #001231)
- Powder Quarry color palette (#FCF4E8, #C6EBFF, #73BDFF, #00A3B3, #283F69)
- Hushed Jade color palette (#D4ECD0, #17C37C, #008B6B, #005F56, #084256)
- Pine Study color palette (#E1FBFF, #BCE3FF, #7FC6F6, #00855C, #164755)
Browse the whole catalog at Explore, or see today's palette.