Cobalt Harbor color palette — #E8FAF3 · #1D88C1 · #7F548D · #4C4F48 · #2C3A2E
Cerulean and Slate set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E8FAF3): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#1D88C1): A full-bodied, balanced blue — the color of open sky before noon.
- Slate (#7F548D): A full-bodied, balanced pink — the color of peonies in June.
- Charcoal Brown (#4C4F48): quiet, heavy and certain.
- Forest (#2C3A2E): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Softworn Archive color palette (#EFF8F0, #009A9D, #545D9C, #4D4C45, #32352F)
- Weathered Iris color palette (#FFF0F8, #958DD3, #8E5D85, #764243, #2B4A3C)
- Weathered Cerulean color palette (#E8F5F0, #4C93BC, #9B5A5D, #5C4E1E, #161E12)
- Timeworn Alley color palette (#FEF0FD, #618BCF, #41713E, #145F53, #293B33)
- Hushed Indigo Dune color palette (#FAEEF6, #6C70D2, #4B3540, #2F252C, #1A1314)
- Timeworn Navy color palette (#F0F5FF, #A5B5F0, #7A7EB4, #5C5484, #4D376A)
- Soft Aubergine Quarry color palette (#FEF0FF, #006CBA, #800081, #004133, #012816)
- Softworn Driftwood color palette (#F9F3F9, #E2D7D9, #B4ACA3, #937695, #565056)
Browse the whole catalog at Explore, or see today's palette.