Cerulean Harbor color palette — #F1F7F2 · #D4DCF5 · #84A9CD · #2F8895 · #344867

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Powder Blue (#D4DCF5): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#84A9CD): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#2F8895): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#344867): 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

• Antique Cerulean color palette (#EEF6FF, #DAD9E3, #DAB2CB, #619CAF, #3D4D60)
• Aged Powder Chapel color palette (#F8F5EF, #C0E3F4, #81C0FF, #2191A1, #4F354C)
• Worn Petrol color palette (#DAE6DC, #82BDC2, #00829B, #005B4C, #002332)
• Turquoise Meadow color palette (#F0F7F1, #B1DDE8, #24A8B6, #2B7C5F, #004252)
• Hushed Alley color palette (#B3F5FF, #6BD0EF, #3BA0CB, #3173A7, #2E476A)
• Weathered Denim color palette (#E7F4E9, #519FB4, #006084, #003B3A, #000A18)
• Dusty Petrol Garden color palette (#DAE7DC, #72A7D5, #3464B2, #004858, #0C0047)
• Sunlit Denim Hollow color palette (#EEF6FF, #ACD3FF, #699AD5, #225D90, #0C2E56)

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