Ancient Harbor color palette — #ECF9F2 · #9EC0B8 · #848450 · #4C6550 · #354D4B

Walnut and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Ash (#9EC0B8): A luminous, dusty teal — the color of glacier melt.
• Walnut (#848450): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#4C6550): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#354D4B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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

• Dusty Driftwood Cabin color palette (#FEF1F7, #A5C1A6, #A27556, #70536A, #3A4D42)
• Antique Bronze Lagoon color palette (#E9FAF1, #81B3A5, #7B752C, #694C19, #284340)
• Oat Balcony color palette (#EAF9F2, #A5D7C6, #7DA694, #5F7C6C, #384D47)
• Hushed Courtyard color palette (#F7F2DE, #C4BC91, #958239, #6D5400, #2E2D1E)
• Hushed Cobalt Veranda color palette (#EEF7F7, #A1CCB0, #2F85BA, #297F51, #232F3A)
• Timeworn Cerulean color palette (#D8FEFF, #7ACCC3, #2295B1, #295F8E, #3B4375)
• Emerald Loft color palette (#E7FAF7, #62A268, #AC677B, #854C55, #2C4240)
• Olive Cabin color palette (#E1F3E7, #757D1D, #544300, #3B2100, #001B17)

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