Cerulean Harbor color palette — #F0F7F1 · #ABCBD7 · #0285A3 · #006155 · #00405C
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Oat (#ABCBD7): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#0285A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006155): A full-bodied, dusty teal — the color of sea glass.
- Navy (#00405C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean 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
- Washed Cobalt color palette (#F1F7F2, #ABC8E6, #5376BC, #005C74, #32365F)
- Antique Cobalt color palette (#F7EFF5, #A3CFE0, #1186B7, #005F39, #0C203C)
- Aged Cypress Coast color palette (#EAF8FF, #C6E2FB, #A4B0E2, #007776, #264860)
- Tempered Teal Archive color palette (#CFF5EA, #2EACA3, #00777D, #005568, #1E3658)
- Tempered Petrol Summit color palette (#EBF7FF, #66B4D1, #007091, #003E4D, #002330)
- Wandering Abyss Dune color palette (#D8E5DA, #4C8B98, #004358, #002320, #000A16)
- Antique Lagoon Delta color palette (#F9F4ED, #C4ECCD, #6DBFD9, #319F8F, #124435)
- Plum Loft color palette (#C7EBFE, #0088A1, #A1428C, #6A5A00, #00313C)
Browse the whole catalog at Explore, or see today's palette.