Ancient Harbor color palette — #ECDCD8 · #1E928D · #004453 · #022402 · #000A17

A conversation between Fern and Deep Forest, giving this palette its sense of nature and growth.

The five colors

• Bone (#ECDCD8): bright and airy, almost weightless.
• Fern (#1E928D): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004453): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#022402): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Lagoon Meadow color palette (#FDEAE4, #32A1A3, #005269, #003311, #00132E)
• Muted Navy color palette (#F4E7DD, #4F88A4, #003683, #00231E, #0A0027)
• Washed Archive color palette (#F9E7F3, #66AFAB, #008396, #006135, #000B13)
• Wandering Ultramarine Quarry color palette (#F5E7DC, #62A8CF, #1548C4, #003E3A, #21163F)
• Nocturne Fern Harbor color palette (#EADFCF, #5D5D00, #3A2800, #210800, #010500)
• Softworn Meadow color palette (#F9EBE5, #78BECD, #006EA7, #00523A, #212B4F)
• Charred Garnet Delta color palette (#FFDACB, #9B0113, #004941, #440004, #000806)
• Wandering Aubergine Cabin color palette (#FDDDE4, #C87746, #6E7A00, #520863, #220001)

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