Tempered Driftwood color palette — #FFF1F5 · #EFD0D2 · #BEA098 · #87833B · #3E520C

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Bone (#EFD0D2): A whisper-light, dusty red — the color of embers at dusk.
• Taupe (#BEA098): A luminous, dusty orange — the color of sun-warmed clay.
• Olive Leaf (#87833B): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3E520C): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Oat Ridge color palette (#FFF2EE, #E8C3AA, #A79681, #6B7D6B, #3A5047)
• Blush Cabin color palette (#F2DDE9, #DB8994, #A2735F, #546826, #29432B)
• Worn Fern color palette (#F6F6EB, #B2DEC0, #90A283, #897784, #46540A)
• Washed Market color palette (#FEE8EC, #D38072, #94601E, #00534A, #00303A)
• Mallow Thicket color palette (#FFD7FC, #F89EBC, #BE7E6C, #6E7068, #3A4E35)
• Softworn Ridge color palette (#F9F4ED, #C4EEEF, #8ABEB0, #6D9076, #5D4C5B)
• Washed Amber color palette (#F4D7D3, #C0732E, #705B05, #00454C, #001F35)
• Blush Alley color palette (#FFF2EF, #F78BA9, #9BAE72, #7097B7, #533C38)

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