Ash Harbor color palette — #E9F9F8 · #A4DDE0 · #71A899 · #708371 · #3B5253

Jade takes the lead with Powder Blue close behind in a set that reads as sophistication and grounding at first glance.

The five colors

• Ivory (#E9F9F8): bright and airy, almost weightless.
• Powder Blue (#A4DDE0): A whisper-light, dusty blue — the color of deep harbor water.
• Jade (#71A899): A luminous, dusty teal — the color of glacier melt.
• Driftwood (#708371): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#3B5253): A full-bodied, dusty teal — the color of sea glass.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Ash 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

• Timeworn Cerulean Study color palette (#EDF8F6, #A5C9CA, #588A93, #6F6073, #3B5253)
• Taupe Courtyard color palette (#EDF8F1, #D3D5A6, #96A175, #8E757F, #41514A)
• Ancient Mustard Coast color palette (#ECF9EF, #E0C07A, #74C2B8, #A58845, #27555D)
• Weathered Stone Alley color palette (#E3FCF4, #9EC18B, #618D61, #4D6C54, #1E3C36)
• Feathered Olive color palette (#D1ECE1, #95B15E, #528132, #6B5028, #222E08)
• Tempered Fern color palette (#F4F6EC, #D8E2CC, #88C3B9, #B4908A, #3F5614)
• Hazy Forest color palette (#DBF1ED, #60A568, #007344, #514500, #032208)
• Weathered Straw color palette (#DFFEEB, #EADD92, #B3A45F, #6D6638, #214130)

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