Cerulean Harbor color palette — #FBF2F5 · #D8DCF5 · #92A3D4 · #13899B · #3F4663
Built around Cerulean, softened by Mauve — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF2F5): bright and airy, almost weightless.
- Powder Blue (#D8DCF5): A whisper-light, dusty violet — the color of wild irises.
- Mauve (#92A3D4): A luminous, dusty violet — the color of a velvet chair.
- Cerulean (#13899B): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3F4663): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Misty Coast color palette (#FFF1F6, #BAE0FF, #6896FF, #00818D, #3D376C)
- Powder Summit color palette (#EDF8F7, #D8DAF1, #95BFFD, #6C9FBE, #394861)
- Washed Cobalt color palette (#F0E5EC, #8BB9CF, #007DB4, #005A4E, #001B4C)
- Washed Cobalt color palette (#F4F6F0, #B8E8DB, #5E8CCB, #0E6A92, #563F53)
- Ancient Denim color palette (#F0DEE7, #689AB4, #0857A5, #003B3C, #05002C)
- Weathered Cerulean Coast color palette (#F7EAF2, #9ECDDB, #0096B2, #007046, #00324C)
- Emerald Orchard color palette (#F6F3FF, #C88EC2, #96A04A, #229E61, #3B324F)
- Gentle Plum Chapel color palette (#D4E2FF, #B4B6F2, #A984D3, #955299, #613A56)
Browse the whole catalog at Explore, or see today's palette.