Cobalt Harbor color palette — #FEF3E9 · #9ECCE9 · #5179B5 · #005F63 · #34365A
Built around Slate, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#FEF3E9): a clean, paper-quiet neutral.
- Sky (#9ECCE9): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#5179B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005F63): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#34365A): 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
- Timeworn Courtyard color palette (#FFF2EA, #4EC8ED, #0074B2, #00564F, #192F65)
- Cerulean Archive color palette (#FFF2EB, #97D2CD, #228696, #2A603D, #0F4056)
- Muted Cobalt color palette (#F7F0EB, #A3D4C1, #637BAD, #005C57, #22183E)
- Muted Corridor color palette (#FBF2F6, #B5DAF6, #7894D1, #007C76, #3C3457)
- Aged Archive color palette (#F0F7F2, #C4E5FF, #79B5FC, #009DB4, #2C395B)
- Worn Lantern color palette (#EFDBD2, #00A1B6, #00506F, #003127, #00132F)
- Ancient Lantern color palette (#F6EEE4, #74A3D1, #384CAB, #003D46, #21173D)
- Airy Navy color palette (#EDDDCD, #4087BB, #173384, #002226, #0A0028)
Browse the whole catalog at Explore, or see today's palette.