Driftwood Grove color palette — #DFF8F4 · #A7A5D8 · #9E6574 · #055E62 · #2B293C

A conversation between Mocha and Mauve, giving this palette its sense of trust and stability.

The five colors

• Ivory (#DFF8F4): A whisper-light, dusty teal — the color of sea glass.
• Mauve (#A7A5D8): A luminous, dusty violet — the color of wild irises.
• Mocha (#9E6574): A full-bodied, dusty red — the color of embers at dusk.
• Peacock (#055E62): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#2B293C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged retro, 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

• Washed Ash color palette (#E5F7EE, #CF98B7, #937054, #2A5773, #352636)
• Dusty Alley color palette (#EBFAED, #C099BA, #A3616A, #3E6538, #4D4258)
• Ancient Olive Delta color palette (#F0F0FD, #AB8FC1, #647A46, #005854, #002D35)
• Wandering Loft color palette (#EEF1FF, #CBBED7, #A28B95, #5B6F79, #284553)
• Worn Lagoon Meadow color palette (#ECF5EA, #AACDBC, #618C87, #586179, #23362D)
• Peony Balcony color palette (#D2F2E4, #BB6A9F, #894801, #003E57, #240D28)
• Timeworn Taupe Alley color palette (#FEF4E3, #FBCBF5, #CE8D96, #5E7C58, #4F3838)
• Gentle Plum Workshop color palette (#C6E9D6, #AF1970, #553200, #002037, #120001)

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