Cerulean Harbor color palette — #FFF2ED · #94D2D5 · #1083AC · #22613A · #253B5B
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Ice Blue (#94D2D5): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#1083AC): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#22613A): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#253B5B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Cobalt Villa color palette (#FFF2E9, #98CEE8, #4F79B7, #006156, #4D3041)
- Wandering Cerulean Station color palette (#E6F6F3, #A5CFDF, #008B9E, #005C57, #00252F)
- Softworn Courtyard color palette (#F5F6EB, #BFDEC4, #22A7BB, #007D76, #004251)
- Soft Lagoon color palette (#FFF3E6, #73C0FA, #4A60D3, #005656, #3D1E65)
- Amber Lantern color palette (#FEECCF, #C19624, #4665B6, #6D5200, #22335D)
- Onyx Grove color palette (#FFE9E0, #348E9A, #00425E, #002413, #00022C)
- Olive Ridge color palette (#FCF3F0, #C6F0E5, #66A3BA, #6B7630, #5C4D5D)
- Softworn Emerald Market color palette (#FBF2F8, #C6E6F2, #58C0E4, #00A478, #093E62)
Browse the whole catalog at Explore, or see today's palette.