Cerulean Harbor color palette — #F8F1E6 · #8DD6DD · #008AA6 · #005D50 · #00281C
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Cream (#F8F1E6): a clean, paper-quiet neutral.
- Ice Blue (#8DD6DD): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#008AA6): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005D50): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#00281C): A deep, shadowed, dusty teal — the color of sea glass.
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
- Wandering Cobalt Garden color palette (#FBF0E0, #90DDF6, #008DC6, #006263, #002649)
- Ancient Petrol Summit color palette (#F1E8D9, #80BCDC, #226FAC, #004A52, #041335)
- Weathered Cypress Villa color palette (#E9F9F6, #B0DDED, #53A3B2, #007C77, #004251)
- Cerulean Veranda color palette (#F7EBD8, #008898, #004255, #00201C, #000103)
- Softworn Navy Field color palette (#E5DDD0, #4093C2, #004A88, #002B32, #01001E)
- Dusty Ember color palette (#FEE2D6, #EC594C, #008C9C, #902F27, #002126)
- Weathered Dune color palette (#FFE5D8, #DA3800, #19834D, #4C568F, #250B00)
- Hushed Chestnut color palette (#ECDFC3, #9A9D60, #756414, #51390E, #1B1900)
Browse the whole catalog at Explore, or see today's palette.