Ancient Harbor color palette — #D3E3D6 · #4EB2C2 · #00718F · #004B44 · #001625

Built around Teal, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Bone (#D3E3D6): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#4EB2C2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00718F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B44): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001625): 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 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

• Ultramarine Villa color palette (#DAE6DC, #68AAD4, #1366B7, #004854, #040A3F)
• Aqua Loft color palette (#F4EDE3, #5DC8DA, #007291, #003E39, #000307)
• Washed Veranda color palette (#F8E9F5, #5B9BA7, #004F77, #003121, #050446)
• Cobalt Lantern color palette (#F9EEE8, #61C0CF, #008DC8, #00714A, #020B3E)
• Cerulean Boulevard color palette (#E8F2E9, #95D0D7, #0095B5, #006D5F, #003249)
• Turquoise Coast color palette (#EBF9EE, #B0E5F3, #00AFC3, #008666, #00475B)
• Hushed Thicket color palette (#EDD7E4, #B0048A, #675C00, #005367, #14000E)
• Cerulean Study color palette (#F1F7F2, #D8DEED, #95B5D5, #4C939C, #455468)

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