Cerulean Harbor color palette — #FAF4EE · #CDE6EA · #C6A5C1 · #4D929D · #654858

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Frost (#CDE6EA): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#C6A5C1): A luminous, dusty pink — the color of peonies in June.
• Storm Blue (#4D929D): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#654858): A full-bodied, dusty pink — the color of peonies in June.

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

• Lagoon Archive color palette (#FBF3EF, #C4E0ED, #8CBDB0, #4E9490, #63495D)
• Timeworn Petrol Field color palette (#EFF7F7, #D8DBEC, #7E9CC0, #3A7694, #41546F)
• Azure Market color palette (#FEF3EB, #BBDECE, #6999CD, #007C7A, #4D2F46)
• Washed Blush color palette (#E9FBE9, #6FC2C1, #D48E99, #B47D5C, #364836)
• Washed Cerulean color palette (#F9EBE3, #8DD0E3, #338FC5, #006D60, #122C59)
• Softworn Meadow color palette (#FEF3EC, #DFC6AB, #B89279, #8D6C61, #5E4200)
• Teal Basin color palette (#F3FAD6, #9FDDC1, #54AC9F, #328384, #395A49)
• Denim Hollow color palette (#EBDBD2, #53A1A2, #006376, #003E25, #000A15)

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