Cerulean Harbor color palette — #EFF8F1 · #DAD5DF · #98BCF9 · #238FAD · #353F55
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Silver (#DAD5DF): a clean, paper-quiet neutral.
- Sky (#98BCF9): A luminous, balanced violet — the color of twilight just after sunset.
- Cerulean (#238FAD): A luminous, balanced blue — the color of open sky before noon.
- Charcoal (#353F55): A deep, shadowed, dusty violet — the color of wild irises.
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
- Dusty Lagoon Dune color palette (#F1F7F2, #D9DFEB, #98D5F7, #4DA2A0, #3E4F61)
- Muted Garden color palette (#EBFAEE, #98D8E7, #0086B0, #00524E, #000E1C)
- Ancient Turquoise color palette (#F0F7F2, #D5D6E5, #33B7D7, #00816F, #003348)
- Washed Cerulean Thicket color palette (#F3F7EE, #C7E4DB, #688CBD, #306986, #593C56)
- Petrol Canyon color palette (#E5F2E8, #78C6C7, #007485, #003F31, #000305)
- Washed Taupe color palette (#FEF0FD, #DAD9CD, #CA91A7, #8FA0A9, #574753)
- Tempered Denim Basin color palette (#E7F4EA, #64ACCE, #00598E, #002B2F, #000106)
- Timeworn Clover color palette (#FFEFFF, #F79EA2, #75C153, #6393D6, #362436)
Browse the whole catalog at Explore, or see today's palette.