Tempered Driftwood Drift color palette — #FDF2EF · #D5D3AF · #A56B70 · #6B3F43 · #362723

A conversation between Mocha and Cocoa, giving this palette its sense of sophistication.

The five colors

• Ivory (#FDF2EF): bright and airy, almost weightless.
• Wheat (#D5D3AF): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#A56B70): A full-bodied, dusty red — the color of late-summer berries.
• Cocoa (#6B3F43): A full-bodied, dusty red — the color of late-summer berries.
• Espresso (#362723): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Driftwood Drift 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

• Patina Canyon color palette (#FBF2FA, #D4BD8E, #814E4A, #472F44, #2D2124)
• Washed Lichen Studio color palette (#FBF1FD, #EDFEC3, #AD737E, #503F53, #1E1920)
• Washed Bronze Summit color palette (#FFF2ED, #F5DBA5, #C38F8A, #9A593E, #332924)
• Ancient Bronze Corridor color palette (#FBF4E8, #DCC08F, #857027, #4F4111, #282011)
• Coral Summit color palette (#FBF3F1, #F8C1C1, #77AA7E, #CF686D, #2D2F28)
• Gentle Boulevard color palette (#FFF2EB, #BCC175, #B03E09, #671F00, #291508)
• Patina Dune color palette (#EDE1D1, #AE8E37, #5C3F00, #261800, #050200)
• Ancient Study color palette (#FEF3E9, #E5AEA8, #9C9459, #7064A2, #4D4641)

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