Tempered Driftwood color palette — #F7F1EA · #CAC4A6 · #7E8A45 · #715A64 · #33312A

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 (#F7F1EA): a clean, paper-quiet neutral.
• Pistachio (#CAC4A6): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#7E8A45): A luminous, balanced green — the color of new leaves after rain.
• Graphite (#715A64): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#33312A): quiet, heavy and certain.

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

• Cypress Studio color palette (#F9F0E3, #BAB58F, #548164, #6A4A55, #2C280D)
• Driftwood Boulevard color palette (#F8F5EE, #C6C1A8, #86853D, #7E5A64, #5A4D00)
• Dusty Pier color palette (#FFE5E6, #E8A8B1, #AE6C5F, #794A2D, #3B3731)
• Cocoa Coast color palette (#FFEEE1, #F6C5AE, #AD7E5C, #6D3B24, #2D1600)
• Tempered Alley color palette (#F8F0EC, #C9E4E0, #7AA798, #5D7534, #442D40)
• Bronze Loft color palette (#FEEFE4, #DEA487, #56ABB5, #A15E3B, #1C3824)
• Weathered Hollow color palette (#F0F8F0, #B8DACD, #80A789, #757B9A, #3A534A)
• Tempered Emerald color palette (#EBE7D7, #629E6C, #006359, #4A2C48, #001805)

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