Cobalt Harbor color palette — #FDECF8 · #8ADFED · #008CC8 · #006543 · #12224B
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#FDECF8): A whisper-light, dusty pink — the color of peonies in June.
- Ice Blue (#8ADFED): A whisper-light, balanced blue — the color of open sky before noon.
- Cerulean (#008CC8): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006543): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#12224B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Tempered Cornflower Meadow color palette (#FFECF3, #9FD7FF, #5E7CD9, #006260, #2A1948)
- Muted Study color palette (#FFEBF8, #00D1F1, #0078B7, #00543C, #0B0C4D)
- Cerulean Villa color palette (#E9F9F7, #9DDAE6, #008EAB, #006668, #00475D)
- Antique Coast color palette (#FFF2ED, #9DE9F7, #03A9E2, #00856C, #144070)
- Linen Summit color palette (#DCE4FF, #5D6FFF, #7A7A00, #376C2F, #091633)
- Antique Bloom color palette (#F8EFF3, #D7D1E6, #849FBF, #41747B, #2F3548)
- Weathered Villa color palette (#EBF2FF, #F1CFE6, #F59D9B, #008197, #1E243E)
- Muted Cerulean color palette (#EEDFEB, #239BA5, #00506E, #002E17, #000314)
Browse the whole catalog at Explore, or see today's palette.