Driftwood Alley color palette — #EDF4F0 · #CEDADD · #ABB1BF · #8C8455 · #303834

Built around Mocha, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Silver (#CEDADD): bright and airy, almost weightless.
• Ash (#ABB1BF): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#8C8455): A luminous, dusty green — the color of fresh herbs.
• Charcoal (#303834): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Worn Harbor color palette (#F7EFF2, #CBD6DA, #9B9DAA, #A07484, #3D3336)
• Muted Grove color palette (#EFF8F3, #D1DDDF, #ABACB6, #688B7A, #4D5551)
• Softworn Driftwood color palette (#F9EEF2, #A5CEBA, #6A8E64, #725961, #23362D)
• Olive Dune color palette (#EBF4F1, #C5DCE6, #A1C6D2, #617500, #192924)
• Abyss Lagoon color palette (#D9E9EB, #8EA4AE, #657E9A, #004034, #000507)
• Lagoon Pier color palette (#FCECF8, #BFA977, #3D8968, #68426A, #193229)
• Petrol Corridor color palette (#FCEDF2, #C1925E, #2C7AA4, #6B3B4B, #302037)
• Ancient Fern color palette (#E3EBE9, #B9D1D2, #86AAB9, #3B6200, #0C1916)

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