Cerulean Harbor color palette — #FBF2FA · #AAEAEB · #4495B4 · #436E4C · #364960

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Sea Foam (#AAEAEB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4495B4): A luminous, balanced blue — the color of deep harbor water.
• Pine (#436E4C): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#364960): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Ash Bloom color palette (#FBF2F6, #D8DFF1, #7E9BC3, #4C777D, #4A5269)
• Weathered Cobalt color palette (#FDF1F9, #84D3E5, #257FB9, #066248, #2C3A55)
• Ancient Delta color palette (#F2F3E8, #C9E5CA, #3B9DA8, #006D64, #113421)
• Hazy Teal color palette (#C9F5D2, #00C5A2, #008A90, #00657B, #304E68)
• Turquoise Veranda color palette (#E8F8FF, #00B4C5, #BF6F73, #00737E, #523753)
• Timeworn Jade color palette (#FAF4F0, #C7E7DF, #82CAE1, #4BAE83, #255145)
• Hazy Workshop color palette (#E5F9FF, #009C9C, #B75F35, #91583E, #213D44)
• Timeworn Cerulean color palette (#EDD9E8, #00A2B2, #005072, #00321E, #010941)

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