Patina Driftwood color palette — #F7D8D6 · #A66876 · #7F4A47 · #423100 · #10260A

A conversation between Mocha and Coffee, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F7D8D6): A whisper-light, dusty orange — the color of toasted spice.
• Mocha (#A66876): A full-bodied, balanced red — the color of late-summer berries.
• Coffee (#7F4A47): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#423100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#10260A): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Patina 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

• Softworn Driftwood color palette (#F5DCF3, #CD92B0, #B86B80, #7D5D3C, #372700)
• Patina Spruce Parlor color palette (#F3DFD9, #A57254, #6E522D, #1B4300, #002D29)
• Hushed Garnet Pier color palette (#F1D9E4, #9375A8, #764D73, #622617, #362500)
• Tempered Chestnut Ridge color palette (#FCDFD6, #825230, #553600, #092400, #00100F)
• Washed Garnet Field color palette (#DEE3FF, #9B659C, #8A2933, #00372D, #001918)
• Feathered Garnet Workshop color palette (#F7D8D4, #A8466D, #6A5800, #6C0039, #211A00)
• Brick Grove color palette (#DEDEF5, #AF7AB0, #A7434D, #1E5A51, #002A30)
• Tempered Field color palette (#FFDFE0, #CE8F82, #9D5321, #4B5200, #00432C)

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