Driftwood Harbor color palette — #EFF6FF · #DBD7EA · #A9AFD3 · #A17182 · #583E59

A conversation between Mocha and Charcoal, giving this palette its sense of sophistication.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Silver (#DBD7EA): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#A9AFD3): A luminous, dusty violet — the color of twilight just after sunset.
• Mocha (#A17182): A luminous, dusty rose — the color of pressed rose petals.
• Charcoal (#583E59): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

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

• Patina Driftwood Villa color palette (#F5F3FF, #EBD2E3, #BAA8C1, #9E7A55, #335138)
• Muted Cocoa color palette (#D2FAEA, #A2C1E7, #96768E, #7C5B5E, #743E0E)
• Chestnut Basin color palette (#E2F4DE, #9CC7B2, #957B8A, #775206, #39362F)
• Worn Pewter color palette (#F0D7EB, #C88DAB, #A35968, #653E00, #261C00)
• Wandering Corridor color palette (#FFF0FE, #E6B1CF, #AF7583, #7E4A00, #392A00)
• Softworn Denim color palette (#DFEAFF, #868ABB, #674B91, #4D1327, #150001)
• Timeworn Garnet color palette (#EFE2FB, #8C6B8D, #6E3457, #321000, #020100)
• Cobalt Veranda color palette (#EDF6FF, #BDDEFF, #72A9F2, #4B72C5, #354168)

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