Dusty Harbor color palette — #EDF8F2 · #A3C0B2 · #628B75 · #42674F · #364E45

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

The five colors

• Ivory (#EDF8F2): bright and airy, almost weightless.
• Ash (#A3C0B2): A luminous, dusty teal — the color of sea glass.
• Fern (#628B75): A full-bodied, dusty teal — the color of shallow lagoons.
• Pine (#42674F): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#364E45): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Ancient Driftwood color palette (#FEF1F6, #ADBDAB, #9B7859, #765063, #3A4E3C)
• Timeworn Cypress color palette (#EDF7FC, #9FCBC2, #166A74, #0E3F4E, #202730)
• Tempered Fern Grove color palette (#FAF5E7, #E6D9AD, #C3B590, #A09071, #534800)
• Ancient Chestnut Chapel color palette (#E9F9F7, #789B76, #A76D67, #885016, #2B423F)
• Chestnut Villa color palette (#DDEDDD, #AA9368, #805C23, #633800, #173824)
• Olive Loft color palette (#CCE9DB, #646F0C, #3C3B00, #221C00, #080E00)
• Patina Petrol Loft color palette (#F0F6FB, #A5C4DF, #7976AB, #0074AD, #2A2D3A)
• Gentle Nightshade color palette (#EFF6FF, #A9B5E0, #7F7FB9, #604899, #67285C)

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