Ancient Harbor color palette — #EFF7F7 · #D4DBE0 · #B0AAB5 · #4B9279 · #475657

A conversation between Fern and Charcoal Brown, giving this palette its sense of sophistication.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D4DBE0): bright and airy, almost weightless.
• Ash (#B0AAB5): soft and architectural.
• Fern (#4B9279): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#475657): a grounded near-black with real depth.

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 Lagoon color palette (#EBF4F4, #D1D8DE, #B3B0C1, #608F77, #2F3838)
• Patina Taupe Basin color palette (#F4F6F0, #D3DDDA, #A5BBC2, #93A27B, #51544D)
• Hushed Harbor color palette (#EEF7F7, #A3C9CB, #588B91, #3A706F, #3B5253)
• Patina Abyss color palette (#DAE5EC, #B0BBC3, #7F90A1, #004C61, #072230)
• Hushed Lantern color palette (#E8FAF7, #71B6B2, #358393, #54508F, #2E4D57)
• Spruce Bloom color palette (#E3EFF0, #8B9EA3, #4E7886, #00332C, #000C0E)
• Washed Cocoa Lantern color palette (#EEF8F3, #989C70, #886187, #82393D, #583C16)
• Weathered Ultramarine Drift color palette (#EFF6FF, #C7D3E8, #9AA6C4, #0056B5, #273444)

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