Tempered Driftwood color palette — #F4F2E7 · #C8C5A1 · #86873F · #536852 · #32312A
Olive Leaf takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F4F2E7): a clean, paper-quiet neutral.
- Pistachio (#C8C5A1): A luminous, dusty green — the color of new leaves after rain.
- Olive Leaf (#86873F): A luminous, balanced green — the color of new leaves after rain.
- Pine (#536852): A full-bodied, dusty green — the color of fresh herbs.
- Espresso (#32312A): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Pewter color palette (#F8F1E4, #C1B28A, #757A46, #6D4C42, #2E2713)
- Tempered Ash color palette (#F2F2EB, #C8DFD8, #66A9AF, #3B776D, #213D2B)
- Weathered Atelier color palette (#EFF8EF, #ADC8BA, #5E8C82, #5B6580, #3D5348)
- Hushed Bronze Balcony color palette (#F0E3CB, #827B34, #444800, #4B1120, #090800)
- Softworn Garden color palette (#EDF2DA, #5F9D7B, #00654C, #003F52, #0E1500)
- Fern Quarry color palette (#EAE5CF, #80A33C, #336B00, #672814, #101A00)
- Muted Cocoa Terrace color palette (#FBF4EA, #C2E2CD, #B0B289, #947E8B, #554500)
- Powdered Pine color palette (#F3F4DD, #79BA7F, #00804B, #0C5662, #002908)
Browse the whole catalog at Explore, or see today's palette.