Patina Driftwood Study color palette — #FBF3F2 · #ECC9AF · #9E706A · #68413D · #342827

Mocha takes the lead with Cocoa close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Ivory (#FBF3F2): bright and airy, almost weightless.
• Wheat (#ECC9AF): A whisper-light, dusty gold — the color of old brass.
• Mocha (#9E706A): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#68413D): A full-bodied, dusty orange — the color of autumn markets.
• Onyx (#342827): a grounded near-black with real depth.

Feels like: Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

Use it as a design system

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

• Driftwood Courtyard color palette (#FAF1FD, #D7DACD, #AB7481, #4E4152, #1F1821)
• Weathered Rose color palette (#FCF3F0, #F1C6B9, #C19067, #D36471, #322D28)
• Antique Coast color palette (#FFF1F2, #C8C198, #7E4A6D, #4E2E30, #2E221C)
• Pine Veranda color palette (#FCF4E8, #E4B195, #B28A57, #4F7C4F, #4D4641)
• Antique Bronze color palette (#FFF2EB, #F4C7AF, #C4956E, #A06717, #5D4200)
• Washed Amber color palette (#F4E2D5, #BE853A, #702F00, #301000, #060100)
• Worn Straw Balcony color palette (#F7F3FF, #DDE5A1, #BB8DB2, #70697D, #2D2933)
• Patina Taupe color palette (#FAF3F0, #DDD9D2, #A3B6B2, #C58A82, #59514D)

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