Tempered Driftwood color palette — #F7F5EF · #C8C1A5 · #8C833A · #586D4E · #5B4C00

Moss takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F5EF): bright and airy, almost weightless.
• Stone (#C8C1A5): A luminous, dusty green — the color of a quiet forest floor.
• Moss (#8C833A): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#586D4E): A full-bodied, dusty green — the color of fresh herbs.
• Deep Olive (#5B4C00): A full-bodied, balanced green — the color of new leaves after rain.

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

• Driftwood Station color palette (#F7F1EB, #D4C19D, #7F8955, #6E5A6B, #34312A)
• Taupe Bloom color palette (#FBF2F6, #BBDAC3, #99A26B, #6D7E99, #445148)
• Dusty Drift color palette (#EDE2CA, #6F6F2C, #333D00, #470011, #111100)
• Muted Garnet color palette (#F7EACE, #979746, #556200, #771D25, #313000)
• Washed Cypress Boulevard color palette (#F1F8EC, #A3B69B, #28837E, #375D7E, #3A4734)
• Dusty Thicket color palette (#E5E6D7, #6D986F, #006639, #004651, #0C3211)
• Petrol Grove color palette (#F4F6F0, #C8E4E6, #749EC4, #337891, #5F4B5F)
• Indigo Villa color palette (#FDF2F6, #B5A7D5, #57A7AD, #7C62AD, #16575B)

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