Tempered Driftwood color palette — #FFEEDC · #B9BC8C · #748C4B · #756068 · #644645

Olive Leaf and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEEDC): A whisper-light, dusty gold — the color of old brass.
• Sage (#B9BC8C): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#748C4B): A luminous, balanced green — the color of a quiet forest floor.
• Graphite (#756068): A full-bodied, dusty rose — the color of a warm blush.
• Cocoa (#644645): A full-bodied, dusty orange — the color of autumn markets.

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

• Basalt Hollow color palette (#F8F5EA, #90BE8D, #43816C, #6F524A, #424700)
• Antique Cocoa color palette (#FFF4DF, #CCD0AE, #8A9A88, #826869, #783C1C)
• Washed Mustard color palette (#FFE9B4, #B2A635, #65852C, #3E6935, #474A43)
• Airy Cerulean color palette (#E9F7AB, #75BE9E, #118CA2, #7C4D57, #603A32)
• Patina Drift color palette (#FFF0FA, #B2D4BF, #7EAEAB, #767490, #4E4A6B)
• Worn Moss Lagoon color palette (#F5E9CE, #7BB33A, #27806D, #66405E, #55274D)
• Softworn Harbor color palette (#F8F7E1, #89AE4F, #A475B0, #53711B, #5A363F)
• Cocoa Courtyard color palette (#E1E9D0, #55A991, #257485, #6F311A, #4B2607)

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