Cerulean Harbor color palette — #F9F4ED · #C3F0E1 · #88B8FF · #00A1C0 · #2E3978

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

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Honeydew (#C3F0E1): A whisper-light, dusty teal — the color of sea glass.
• Sky (#88B8FF): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#00A1C0): A luminous, balanced blue — the color of deep harbor water.
• Navy (#2E3978): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Sky Lantern color palette (#FAF4EB, #CAEFD5, #2FC7F9, #00A79B, #004469)
• Misty Navy color palette (#FDF4E5, #BCDDFF, #7FA8FF, #0092B7, #292079)
• Pale Lantern color palette (#CEF2FB, #54D0FF, #1CAFF6, #077BF3, #213C80)
• Worn Orchard color palette (#FFEFFF, #E1D7E9, #EFB9DE, #00BCF5, #344571)
• Gentle Iris color palette (#FFF3E7, #B3E8D8, #7E94F0, #008283, #48326A)
• Gentle Sapphire Orchard color palette (#F0F5FF, #BBD2FF, #6DA7FF, #0C6AF5, #06206A)
• Weathered Cobalt Lagoon color palette (#E9F6EB, #A3D6FF, #4A82D5, #005F73, #1A2147)
• Wandering Moss color palette (#FCE1FE, #7DB8FF, #FF7B8C, #63B400, #03305E)

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