Tempered Driftwood color palette — #FFE4F8 · #9E657F · #703C45 · #482D00 · #1B1400
Built around Mocha, softened by Cocoa — the whole palette hums with optimism and sophistication.
The five colors
- Blush (#FFE4F8): A whisper-light, dusty pink — the color of a candy shop window.
- Mocha (#9E657F): A full-bodied, balanced rose — the color of strawberry cream.
- Cocoa (#703C45): A full-bodied, dusty red — the color of embers at dusk.
- Espresso (#482D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#1B1400): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered 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
- Dusty Delta color palette (#EEECFF, #876CA1, #6D3E72, #601209, #1C0700)
- Tempered Bronze color palette (#FEEBE8, #A3674C, #6D451C, #233300, #001C06)
- Worn Garnet color palette (#E4E9FF, #87568E, #6B1F2E, #00251A, #000F19)
- Peony Market color palette (#EAE8FF, #AA69A9, #8F5C5A, #3D510A, #00140A)
- Garnet Lagoon color palette (#FFE2E8, #BB5873, #870039, #3A0015, #060001)
- Plum Villa color palette (#E3DBE8, #A53C73, #6C5500, #680041, #090500)
- Softworn Studio color palette (#F2E0F0, #A63B8D, #86005E, #450027, #20000C)
- Aubergine Study color palette (#F6E0EA, #942365, #763B00, #3C00A5, #060002)
Browse the whole catalog at Explore, or see today's palette.