Cerulean Harbor color palette — #FAF3F5 · #D7DBF0 · #8EA3D8 · #0C8A99 · #3D4567

Cerulean and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#D7DBF0): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#8EA3D8): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#0C8A99): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3D4567): A deep, shadowed, dusty violet — the color of wild irises.

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

• Lagoon Hollow color palette (#F9F3F7, #CEDFF1, #5CB2CC, #3B8C68, #2E4B63)
• Antique Coast color palette (#FAF4ED, #C4E3F7, #A5BAEC, #4B8E98, #523545)
• Softworn Periwinkle Quarry color palette (#FFF1F6, #BCE0FE, #6298FF, #00818B, #3A3478)
• Dusty Cobalt color palette (#ECE1E9, #8EB8CC, #007EB2, #005A4D, #001C49)
• Wandering Cobalt color palette (#F4F6EF, #C3E5DB, #568CD2, #136A90, #583D55)
• Timeworn Denim Corridor color palette (#E7DBE1, #609BB7, #0059A1, #003B3B, #04002D)
• Tempered Forest color palette (#F5EBF2, #A3CCD7, #0096AE, #007040, #003249)
• Emerald Veranda color palette (#E5FBF6, #9FC58C, #AC96DE, #579233, #483769)

Browse the whole catalog at Explore, or see today's palette.