Cerulean Harbor color palette — #F7F1E8 · #A0DDDC · #0093A5 · #00644D · #002A37

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Ice Blue (#A0DDDC): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0093A5): A luminous, balanced blue — the color of deep harbor water.
• Pine (#00644D): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002A37): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Misty Study color palette (#F8F1E6, #A0D9F2, #008AD1, #006167, #002352)
• Petrol Boulevard color palette (#FBF0E0, #68CED4, #007F96, #005345, #001D2A)
• Aged Grove color palette (#FCF1FC, #95DDDD, #008DB0, #006C26, #1E4167)
• Wandering Lagoon color palette (#F2EADF, #529893, #00545B, #002D1E, #000508)
• Softworn Cypress Workshop color palette (#F5F1EB, #CADFDC, #73A4BA, #277972, #193E34)
• Denim Terrace color palette (#F5EDDF, #6AA5C0, #005D91, #00393D, #000921)
• Byzantium Dune color palette (#F8E3B4, #A47C00, #008490, #9C05A3, #201600)
• Frosted Pine color palette (#FFF2EE, #BDEFF7, #40BDEC, #008E44, #13355F)

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