Tempered Driftwood color palette — #FFF1F6 · #A4C0AD · #987582 · #6E5468 · #394D46
A conversation between Mocha and Graphite, giving this palette its sense of sophistication and grounding.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Stone (#A4C0AD): A luminous, dusty teal — the color of glacier melt.
- Mocha (#987582): A luminous, dusty rose — the color of a warm blush.
- Graphite (#6E5468): A full-bodied, dusty pink — the color of peonies in June.
- Charcoal (#394D46): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Sophistication, Grounding. Tagged earthy, warm, 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
- Hushed Driftwood Villa color palette (#EAFAF1, #97C3B8, #638B75, #74525E, #314E4D)
- Antique Summit color palette (#FFF1F5, #B8D3BC, #B59573, #926A55, #384D41)
- Muted Hollow color palette (#FAF0E6, #C9B8A0, #9C7C5A, #754D38, #332B19)
- Wandering Garnet color palette (#EBF7FF, #B1B4E5, #927AA8, #7E4663, #78302A)
- Aged Bronze color palette (#EEF6FC, #9AC7E2, #AB6958, #307599, #372933)
- Antique Denim Courtyard color palette (#EFF6FF, #DCB3C2, #49607C, #283A50, #232330)
- Iris Boulevard color palette (#EFF6FF, #6E91CB, #9A7847, #76592F, #343E4C)
- Chestnut Basin color palette (#F7E0EF, #B88D61, #904F3C, #653140, #183826)
Browse the whole catalog at Explore, or see today's palette.