Tempered Driftwood color palette — #F7F1E8 · #CAC4A5 · #7C8B46 · #496A55 · #32312A

Built around Olive Leaf, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Pistachio (#CAC4A5): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#7C8B46): A luminous, balanced green — the color of new leaves after rain.
• Pine (#496A55): A full-bodied, dusty teal — the color of sea glass.
• 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

• Ancient Driftwood color palette (#F8F0EB, #D2C0A6, #91833A, #7D5461, #34302A)
• Hushed Chestnut color palette (#F4F2E9, #BFC7AC, #50908B, #6F6112, #2B3600)
• Wandering Pine color palette (#F7F0EE, #CBE2DD, #7AA894, #357B52, #432D43)
• Aged Navy color palette (#E9E5D6, #709977, #00635A, #003C61, #111400)
• Muted Taupe color palette (#EFF8F0, #B1DCCD, #7DA789, #618393, #41514B)
• Garnet Alley color palette (#F4E2C6, #899E5E, #006D42, #720047, #121900)
• Twilit Balcony color palette (#F1E3D1, #646F0E, #00421B, #3B0029, #020300)
• Softworn Quarry color palette (#FCEFE7, #B59C6F, #616B2C, #543967, #281900)

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