Patina Driftwood color palette — #FCF2F2 · #E4CFA3 · #9F6B85 · #624443 · #342827

Mocha takes the lead with Wheat close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FCF2F2): bright and airy, almost weightless.
• Wheat (#E4CFA3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#9F6B85): A full-bodied, dusty rose — the color of pressed rose petals.
• Cocoa (#624443): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#342827): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Muted Bronze Garden color palette (#FCF3EC, #DDC084, #A45D28, #47413C, #2A1F17)
• Stone Cabin color palette (#FCF2F4, #A5CCA4, #6E5275, #473237, #2B221F)
• Wandering Amber color palette (#FBF3F2, #FFBBCD, #C78F40, #C16F87, #322D27)
• Ash Alley color palette (#F7F3FF, #BBEAD9, #B98FAC, #716881, #2D2A32)
• Hushed Boulevard color palette (#FFF2EE, #E2B348, #B52E52, #651C2E, #2C120C)
• Taupe Lantern color palette (#FBF3F1, #DEDAD2, #B0B7A8, #BC907F, #57514E)
• Amber Boulevard color palette (#FDF4E5, #F1A99C, #BB8646, #327B7F, #4D4642)
• Weathered Amber color palette (#FFF2EE, #F5BBAD, #D29167, #94672B, #594804)

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