Ancient Harbor color palette — #DAE3D9 · #93A4A2 · #689394 · #007270 · #040C04

A conversation between Teal and Storm Blue, giving this palette its sense of sophistication.

The five colors

• Bone (#DAE3D9): a clean, paper-quiet neutral.
• Taupe (#93A4A2): a calm mid-gray that lets other colors speak.
• Storm Blue (#689394): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007270): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#040C04): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Sophistication. Tagged scandi, muted, 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

• Tempered Pine Courtyard color palette (#E3E5DA, #93A79A, #6C9385, #1F7725, #090A00)
• Spruce Pier color palette (#E2EDF0, #7D9199, #52707F, #003131, #000202)
• Abyss Dune color palette (#DBE0D9, #97AA9F, #6E88AD, #005147, #050B03)
• Aged Petrol Delta color palette (#E7F3EE, #B49EA4, #AA8185, #006A9D, #000D08)
• Soft Garnet color palette (#F6E8D2, #008B90, #00608E, #70002B, #000406)
• Worn Quarry color palette (#DCEDF0, #548BB2, #5360AC, #712C2B, #200C00)
• Muted Pine Chapel color palette (#EEE9D9, #7A9443, #17760F, #005545, #070600)
• Pale Hollow color palette (#D8EEDF, #00BBA2, #00A2BA, #0078D6, #000509)

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