Tempered Driftwood color palette — #F1F7F1 · #B4E4ED · #9E805C · #344E32 · #161E15

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

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Powder Blue (#B4E4ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mocha (#9E805C): A luminous, dusty gold — the color of old brass.
• Deep Olive (#344E32): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#161E15): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Timeworn Driftwood Meadow color palette (#FDF1F7, #BFF0F6, #A87A5B, #5D394B, #22181C)
• Dusty Canyon color palette (#DCF5EC, #B3A34E, #364200, #171A21, #060900)
• Timeworn Quarry color palette (#ECF8F5, #EEE8B1, #648144, #2C3F14, #01140F)
• Dusty Stone color palette (#FAF0E5, #D7C189, #795A3B, #35302B, #19130C)
• Antique Veranda color palette (#FCF2F5, #EFDDAB, #C49360, #81636E, #32282B)
• Bronze Boulevard color palette (#D9E8DA, #9C7200, #261800, #010B08, #020100)
• Timeworn Delta color palette (#EAFAF0, #D1B974, #5D5100, #1D1800, #000201)
• Worn Studio color palette (#E9FAF3, #CFE6B6, #7EB088, #0A7F9C, #244641)

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