Cerulean Harbor color palette — #EFF7F6 · #D5DDEC · #87B9D4 · #4793A0 · #3B566C
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF7F6): a clean, paper-quiet neutral.
- Silver (#D5DDEC): A whisper-light, dusty violet — the color of a velvet chair.
- Sky (#87B9D4): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#4793A0): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#3B566C): A full-bodied, dusty blue — the color of deep harbor water.
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
- Hushed Veranda color palette (#E3F3F1, #7ABDD1, #0080A5, #005860, #002334)
- Washed Azure Meadow color palette (#FAF3F6, #D7DFF1, #679FCE, #397C75, #45536A)
- Denim Summit color palette (#D8EDEB, #639ABA, #005D92, #003948, #00091A)
- Oat Lantern color palette (#FCF3EE, #C3E1EC, #9FD4C4, #92AA8D, #5F4B5C)
- Washed Pier color palette (#E8FAF5, #80DED9, #009FA6, #007463, #003A42)
- Peony Lantern color palette (#F9F2FF, #E3B4CC, #8BB6E0, #C16B9B, #374F68)
- Weathered Periwinkle Meadow color palette (#E8F9F9, #BEDFFF, #499DFF, #007CA8, #253E6F)
- Iris Thicket color palette (#F9F2FF, #D59FB8, #CB9876, #8A8BC9, #483D51)
Browse the whole catalog at Explore, or see today's palette.