Driftwood Grove color palette — #E9FAF1 · #94C3B9 · #86834B · #4E654C · #344D4D

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

The five colors

• Ivory (#E9FAF1): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#94C3B9): A luminous, dusty teal — the color of sea glass.
• Walnut (#86834B): A full-bodied, dusty green — the color of new leaves after rain.
• Pine (#4E654C): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#344D4D): A full-bodied, 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 Grove 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

• Hushed Driftwood color palette (#FFF1F7, #9FC2A7, #A37552, #6D546A, #394D45)
• Wandering Harbor color palette (#EBF9F2, #A9D6C8, #7CA693, #617C69, #374D49)
• Driftwood Ridge color palette (#F6F2E3, #B2C395, #968139, #725200, #2C2D1F)
• Timeworn Bronze color palette (#F9F2FF, #E9A79E, #A4733B, #655A0D, #2D5329)
• Patina Lagoon color palette (#E0ECDF, #A19865, #895700, #6B301F, #113830)
• Olive Lagoon color palette (#D4F0D7, #7B7B0F, #5B4000, #451900, #061C00)
• Olive Boulevard color palette (#F7F3FA, #E7ACCA, #608C3B, #945578, #1F322E)
• Olive Ridge color palette (#FAF2FB, #C07981, #688B4D, #3C618E, #443945)

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