Ancient Harbor color palette — #ECF9EE · #B0E3FF · #3FA2F2 · #00818D · #243E6F

A conversation between Cornflower and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Powder Blue (#B0E3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#3FA2F2): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00818D): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#243E6F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Ancient 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

• Washed Turquoise Cabin color palette (#F0F8F1, #CFDEF6, #6AAFD1, #358A86, #324A60)
• Patina Orchard color palette (#E7FBEB, #9DD2F5, #1A8CF9, #007081, #1C2D67)
• Petrol Ridge color palette (#E0F1E3, #5AADCF, #006CA5, #00494E, #001231)
• Patina Emerald color palette (#D7FFF7, #BDE3FF, #B2C1FB, #3CA470, #014D4F)
• Soft Delta color palette (#D6FFF9, #00DCD9, #00A097, #006660, #003130)
• Quiet Ridge color palette (#B4FCF0, #00B4A2, #A373DF, #B46800, #003933)
• Feathered Peony color palette (#DFFCFF, #33DCBC, #D55A88, #008B75, #671539)
• Soft Terrace color palette (#B2F4AC, #0BD887, #009D7A, #007366, #004F4E)

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