Tempered Driftwood color palette — #E9E2D1 · #898D44 · #645500 · #4A3200 · #282501

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

The five colors

• Parchment (#E9E2D1): A whisper-light, dusty gold — the color of old brass.
• Moss (#898D44): A luminous, balanced green — the color of a quiet forest floor.
• Coffee (#645500): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#4A3200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#282501): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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

• Weathered Fern Grove color palette (#EDE8D8, #8CA063, #6A6701, #544206, #30312A)
• Dusty Villa color palette (#FBECE0, #AB7E3D, #804400, #5B240D, #2F2208)
• Bronze Villa color palette (#FFE9D1, #826200, #503000, #301300, #0E0B00)
• Ancient Chestnut Garden color palette (#FCF4E6, #C2B896, #907F49, #7D5411, #514900)
• Dusty Bronze Meadow color palette (#FFF3E8, #C1A177, #9C6331, #704534, #403D36)
• Softworn Grape Corridor color palette (#F0D5E3, #6342CA, #724900, #1E4200, #2A1020)
• Faded Aubergine Corridor color palette (#FFE4F0, #6D1DA3, #513B00, #003521, #001B13)
• Navy Canyon color palette (#E9D8E3, #AB8630, #2E237B, #120840, #160410)

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