Cobalt Harbor color palette — #F2E9F0 · #64C2CE · #007EB0 · #005C3A · #0A1C46
Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F2E9F0): a clean, paper-quiet neutral.
- Cyan (#64C2CE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007EB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005C3A): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#0A1C46): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Dusty Sapphire color palette (#F7E6ED, #76BBE0, #2B6BE6, #005A53, #201542)
- Hushed Cerulean color palette (#FFF2ED, #99D8E1, #0086AF, #005340, #000D1F)
- Hushed Denim Thicket color palette (#F5EAD9, #5DADB8, #00617A, #003F38, #002235)
- Weathered Drift color palette (#D9EFEB, #97C8DC, #00A3BF, #007D7C, #00242F)
- Cornflower Workshop color palette (#FFF1F6, #94D3FF, #5B81FF, #007270, #39255C)
- Soft Sapphire Orchard color palette (#D5DFF1, #1F66F7, #647100, #1C612E, #010E31)
- Antique Blush color palette (#D2E2FF, #D4B0FD, #E97F8D, #007995, #251939)
- Ancient Periwinkle Quarry color palette (#FAF3F7, #C6EBFE, #62ACE7, #458A72, #3A4762)
Browse the whole catalog at Explore, or see today's palette.