Cerulean Harbor color palette — #F7EFF4 · #BEE3F4 · #5695BB · #186D5E · #1A2D44
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#F7EFF4): a clean, paper-quiet neutral.
- Powder Blue (#BEE3F4): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#5695BB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#186D5E): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#1A2D44): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Tempered Ash color palette (#EEF4ED, #D8DBEF, #8B9BC5, #3D757F, #2F354B)
- Washed Cobalt Summit color palette (#FAEEF3, #AECCE0, #4E7FB6, #005B5B, #171C41)
- Lagoon Bloom color palette (#EFE1EA, #438487, #004353, #002113, #000103)
- Denim Coast color palette (#EDDDE2, #6EA3CA, #2E53A3, #00383E, #0B002C)
- Hazy Harbor color palette (#E3F6F6, #70B58C, #BC719D, #007847, #3F1530)
- Hushed Pine Grove color palette (#C2E9DA, #88B474, #438950, #00614C, #003837)
- Driftwood Courtyard color palette (#D7FAFA, #CADCEE, #A2C9EC, #7C8E5D, #143235)
- Hushed Cocoa color palette (#E3F9E7, #89B8A2, #85734A, #674223, #0C2822)
Browse the whole catalog at Explore, or see today's palette.