Cerulean Harbor color palette — #F1F7F2 · #DAD5DF · #99BCF7 · #0090B0 · #313E5C
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#DAD5DF): a clean, paper-quiet neutral.
- Sky (#99BCF7): A luminous, balanced violet — the color of twilight just after sunset.
- Cerulean (#0090B0): A luminous, balanced blue — the color of deep harbor water.
- Navy (#313E5C): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Wandering Teal color palette (#F1F7F2, #D9DFEB, #9DD4F4, #42A3A2, #395066)
- Timeworn Cerulean Balcony color palette (#EFF8F0, #92D9E9, #0086B0, #00524E, #000E1C)
- Muted Turquoise Garden color palette (#F1F7F2, #D5D6E5, #51B5D0, #00816F, #003348)
- Patina Parlor color palette (#F9F4ED, #BFE1FF, #6C8AC0, #316B7C, #56404F)
- Dusty Petrol Balcony color palette (#E4F2E7, #7CC5C7, #007485, #003F31, #000305)
- Denim Courtyard color palette (#E0EAE2, #83A7C0, #00598E, #002B2F, #000106)
- Pale Blush Canyon color palette (#E4FAFF, #96E5DF, #FE9AA0, #009E98, #59262B)
- Hushed Studio color palette (#E6F9FF, #D5DBE7, #B7ABAB, #76BFA9, #274653)
Browse the whole catalog at Explore, or see today's palette.