Ancient Harbor color palette — #DFEFEE · #A7B8BB · #799BAA · #006430 · #001817

Pine takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DFEFEE): bright and airy, almost weightless.
• Ash (#A7B8BB): a calm mid-gray that lets other colors speak.
• Blue Fog (#799BAA): A luminous, dusty blue — the color of deep harbor water.
• Pine (#006430): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#001817): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Worn Pine color palette (#E0EAEA, #9BB7C7, #829DB1, #1B8659, #001818)
• Hushed Veranda color palette (#E4EFF1, #9AA7AD, #76899A, #00514A, #000C0F)
• Ancient Forest Workshop color palette (#EDF0E4, #C8D4C3, #8CB196, #005E29, #020300)
• Softworn Petrol color palette (#DBE5EB, #B9C5D4, #99A3C4, #006A8B, #13212A)
• Worn Terrace color palette (#DBEDE8, #4B956D, #006057, #294000, #001409)
• Worn Pine Market color palette (#ECF8F8, #CCE3E9, #9BC5DC, #008D61, #133A3B)
• Washed Chapel color palette (#F0F6FB, #DAD9E0, #C7BECF, #5F96BC, #3E4952)
• Lime Basin color palette (#D9EAEC, #93B800, #009E80, #00789F, #000D0D)

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