Cerulean Harbor color palette — #F4F6F0 · #C7E7E8 · #89B7DE · #3992AF · #5F4A60

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

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#C7E7E8): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#89B7DE): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#3992AF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5F4A60): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Patina Meadow color palette (#F5F6EF, #C9E6E0, #83BCC8, #4A9591, #345242)
• Worn Meadow color palette (#FAF4EF, #C7EAEC, #769BD1, #347B7F, #604B59)
• Softworn Cerulean Lantern color palette (#EEF0E2, #92D0DB, #0096B2, #006C6C, #003343)
• Timeworn Cobalt color palette (#EAEEE0, #91BCAA, #007CB9, #005669, #00203D)
• Washed Moss Terrace color palette (#EEF9EA, #6DC4B4, #78AAD7, #91994C, #3A4734)
• Wandering Summit color palette (#F0F8EC, #96D3C4, #D1AB67, #00A38D, #5E4924)
• Denim Atelier color palette (#EAEFE1, #6F96BC, #1957A1, #00384F, #00022D)
• Weathered Station color palette (#EDEDDE, #6EAFAD, #00747B, #004B41, #00181C)

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