Tempered Driftwood color palette — #EDE4FF · #DA9EAA · #B47163 · #794728 · #233D25

Mocha and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#EDE4FF): A whisper-light, dusty violet — the color of wild irises.
• Rosewood Mist (#DA9EAA): A luminous, dusty red — the color of a theater curtain.
• Mocha (#B47163): A luminous, balanced orange — the color of toasted spice.
• Coffee (#794728): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#233D25): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Antique Driftwood color palette (#E5E2FF, #DC9FB9, #BA717B, #7A4536, #432734)
• Tempered Alley color palette (#FFDEF6, #DAA485, #A27B43, #635A1E, #174137)
• Patina Studio color palette (#F9EEF8, #E29F9B, #67A5C3, #9C5E5B, #11354A)
• Worn Bronze color palette (#FFF1F1, #F0B3C2, #D5867F, #AB6843, #514C46)
• Muted Driftwood color palette (#FFECF5, #F0C0A9, #B07C5D, #6F4424, #371702)
• Amber Ridge color palette (#FCE5E3, #CB794E, #945B00, #4D4000, #182700)
• Pewter Boulevard color palette (#E6F7ED, #9DC5BB, #688D79, #704C59, #183131)
• Oat Parlor color palette (#FAEDF8, #E7D4D1, #AFDAE1, #8F809C, #4F3942)

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