Tempered Driftwood color palette — #F9E7E5 · #A6705C · #734D28 · #243506 · #001702
A conversation between Mocha and Coffee, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F9E7E5): bright and airy, almost weightless.
- Mocha (#A6705C): A full-bodied, dusty orange — the color of sun-warmed clay.
- Coffee (#734D28): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Deep Forest (#243506): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#001702): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Washed Bronze color palette (#EDDBD6, #9A5E36, #654100, #0A2A00, #001005)
- Driftwood Dune color palette (#F0DCE9, #A1677F, #6D4248, #3E2600, #1A1400)
- Forest Study color palette (#FFE9D9, #AF8960, #846722, #00602F, #002E22)
- Aged Bronze color palette (#F9E4D4, #B46300, #6F3900, #281000, #030100)
- Charred Chestnut color palette (#F4DEC0, #665626, #37380A, #00201A, #000303)
- Timeworn Bronze Grove color palette (#F4E3F5, #BB9BBD, #8F663F, #00465F, #002231)
- Fern Thicket color palette (#E0F4EB, #708045, #2D4E00, #4B150A, #060900)
- Tempered Navy color palette (#F6E3E9, #AC7387, #79412C, #003E4A, #18285D)
Browse the whole catalog at Explore, or see today's palette.