Driftwood Harbor color palette — #EBF9F1 · #A0C0B3 · #8A8153 · #4B654E · #394C47

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

The five colors

• Ivory (#EBF9F1): bright and airy, almost weightless.
• Ash (#A0C0B3): A luminous, dusty teal — the color of glacier melt.
• Mocha (#8A8153): A full-bodied, dusty green — the color of fresh herbs.
• Pine (#4B654E): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#394C47): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Driftwood Summit color palette (#E7F7EC, #97C7B8, #8F8257, #69505A, #1A312F)
• Aged Driftwood color palette (#FDF2F7, #D2ACB9, #A2745B, #6E5468, #404B41)
• Weathered Studio color palette (#FCF5E4, #E2D9BE, #C5B48D, #9F9075, #544700)
• Tempered Iris Hollow color palette (#F2F5FF, #8E85CD, #9E773A, #4B6939, #393C4A)
• Patina Olive Alley color palette (#CCE9DA, #606F25, #3E3A00, #251A00, #040F00)
• Worn Atelier color palette (#DEEDDD, #AB945E, #895800, #62381B, #1D372A)
• Ancient Denim Atelier color palette (#F2F5FD, #D4BD8F, #585985, #2E3753, #27252C)
• Chestnut Chapel color palette (#F4F4FF, #8B71AA, #845E00, #095838, #29333E)

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