Washed Driftwood color palette — #E8F6EC · #9EC5B6 · #948247 · #6F4D59 · #1C312D

Mocha and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E8F6EC): bright and airy, almost weightless.
• Stone (#9EC5B6): A luminous, dusty teal — the color of sea glass.
• Mocha (#948247): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#6F4D59): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Forest (#1C312D): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Washed Driftwood 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 Driftwood color palette (#FCEDF5, #D6AEBC, #AA745C, #694D68, #223026)
• Washed Bronze color palette (#E6F7EA, #ADB07D, #8A7231, #68421C, #0B2823)
• Tempered Stone Station color palette (#ECF9F1, #97C4AD, #638B73, #4C6551, #3D4C45)
• Bronze Market color palette (#FBF4E9, #D4CBA4, #AC9975, #996931, #4C4B00)
• Tempered Alley color palette (#F0DAE1, #A8976C, #8B5716, #602D1A, #001E13)
• Tempered Drift color palette (#E8F4F9, #1FA7B5, #B66680, #715B20, #14262C)
• Weathered Bronze color palette (#E0F4E1, #827200, #5B3D00, #3A1700, #040600)
• Tempered Cobalt color palette (#E3F5FF, #9BC7E8, #6F7BC3, #55447F, #411640)

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