Cerulean Harbor color palette — #F9F4EF · #CCE7EA · #C8A4C1 · #4593A0 · #634A57

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

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Frost (#CCE7EA): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#C8A4C1): A luminous, dusty pink — the color of peonies in June.
• Cerulean (#4593A0): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#634A57): A full-bodied, dusty rose — the color of strawberry cream.

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

• Hushed Thicket color palette (#FCF2F5, #D9D3DE, #CCBDF0, #639DA6, #484C5E)
• Dusty Lagoon Parlor color palette (#FBF3F0, #D0E4DF, #92BDA5, #559678, #325248)
• Tempered Cobalt color palette (#DFFBE5, #9AD2EB, #67A6D5, #4E7AB9, #63465B)
• Sunlit Courtyard color palette (#EAF9F4, #A1C9ED, #CFAB6D, #2F93DC, #5F4922)
• Tempered Market color palette (#F7ECE6, #95CFE1, #3D8EC3, #006D62, #122A5D)
• Cobalt Villa color palette (#EFE6DD, #88B8DA, #4271CA, #00585F, #1D0D53)
• Aged Amber color palette (#FFF0FD, #96B1E9, #CB9870, #AA8F3D, #503A4D)
• Petrol Market color palette (#FFF0FC, #E9C8E7, #809DD2, #4F67A6, #28385D)

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