Cerulean Harbor color palette — #F1F7F2 · #BCE4F2 · #3A97B1 · #007263 · #2C4B61

Cerulean takes the lead with Teal 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 (#BCE4F2): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3A97B1): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007263): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2C4B61): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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 Boulevard color palette (#F1F7F2, #D8DDEE, #7B9CC2, #367986, #465369)
• Dusty Cerulean color palette (#F7EFF6, #AAE9F0, #5197BA, #356B4C, #1D2D42)
• Patina Villa color palette (#EFF8F1, #A4CBE1, #0082B6, #005F60, #233C57)
• Muted Cerulean Market color palette (#E2F0E4, #2F9FB6, #00516D, #00302E, #001527)
• Softworn Teal color palette (#F5F6ED, #C2E7DF, #89C9D7, #58A8A3, #28513D)
• Peony Quarry color palette (#F7F3FF, #B46BA5, #917900, #00768A, #3B3349)
• Muted Stone Grove color palette (#F7F3FF, #EAD4DF, #F4B1A1, #9078A5, #554C5D)
• Frosted Emerald Canyon color palette (#F6F3FF, #C685C4, #50A75C, #863E85, #294C2D)

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