Cerulean Harbor color palette — #F1F7F2 · #DBDFEA · #97BEEB · #0092A6 · #2F3E63
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#DBDFEA): a clean, paper-quiet neutral.
- Sky (#97BEEB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0092A6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Navy (#2F3E63): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Muted Field color palette (#F1F7F2, #D7E0EC, #9CD6ED, #4DA398, #395064)
- Worn Cerulean color palette (#EDF9EF, #9BD8DF, #0088A5, #005248, #000F19)
- Cerulean Meadow color palette (#FBF4EA, #B8E3FF, #678DB8, #1D6D7B, #563F52)
- Cypress Workshop color palette (#EFF8F0, #D4D7E7, #56B6C5, #008264, #003443)
- Powdered Ultramarine color palette (#E5F2E7, #94BBE1, #2E5FC8, #003B4C, #020013)
- Denim Parlor color palette (#D9E5DB, #7DA9C1, #005B82, #002B2C, #000104)
- Timeworn Pier color palette (#FDF0FF, #F49FAE, #95B868, #4C97DA, #37213C)
- Weathered Periwinkle Harbor color palette (#EEF8F0, #D7DDFA, #5692E9, #00677C, #11154C)
Browse the whole catalog at Explore, or see today's palette.