Patina Driftwood color palette — #FBF3F2 · #E6CE9E · #A9657F · #65433F · #332827

Mocha and Wheat set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF3F2): bright and airy, almost weightless.
• Wheat (#E6CE9E): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#A9657F): A full-bodied, balanced rose — the color of a warm blush.
• Cocoa (#65433F): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#332827): quiet, heavy and certain.

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 Market color palette (#FAF2FC, #E8D8D7, #957B9C, #4F4053, #1F1920)
• Ancient Parlor color palette (#FEF3E9, #E0C07E, #9F6120, #47413C, #292017)
• Patina Courtyard color palette (#FFF1F3, #A9CC9A, #7B5057, #473235, #2C211D)
• Patina Amber Garden color palette (#FCF3F1, #FFBCC5, #CA8D43, #BC747F, #342C24)
• Ash Meadow color palette (#F8F3FD, #DCE3B6, #BE8EA7, #746683, #2E2834)
• Powdered Brick color palette (#FFF2EE, #E7B22B, #B53142, #671B24, #27150F)
• Hushed Amber color palette (#FEF4E4, #EFAB96, #B48A46, #3E7982, #4D4641)
• Antique Workshop color palette (#FFF2EE, #D28C8A, #579C6D, #306D89, #412D31)

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