Patina Driftwood color palette — #FBF2F9 · #BDDAC2 · #9F7067 · #5F4259 · #31282F

Mocha takes the lead with Charcoal Brown close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Oat (#BDDAC2): A whisper-light, dusty teal — the color of shallow lagoons.
• Mocha (#9F7067): A full-bodied, dusty orange — the color of toasted spice.
• Charcoal Brown (#5F4259): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#31282F): a grounded near-black with real depth.

Feels like: 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

• Bronze Quarry color palette (#F0F7F0, #BADBC0, #967847, #3B553E, #252E26)
• Aged Cocoa color palette (#FEF2ED, #CBDECC, #AA776E, #6E3312, #231813)
• Muted Archive color palette (#FAF2F9, #99CDBC, #854A4C, #472F46, #2C2326)
• Tempered Study color palette (#FDF2EF, #DAE6A7, #C98B90, #83655C, #352824)
• Amber Studio color palette (#FAF3F7, #F4C5B1, #9DA253, #D06D3D, #21322B)
• Weathered Meadow color palette (#FAF3F5, #D9E1DF, #ADB8BD, #B8936F, #5A4F53)
• Petrol Drift color palette (#FFF1F7, #CD9275, #2E9695, #506BA2, #372E3E)
• Washed Amber color palette (#D6E7DA, #B58B23, #584100, #241900, #000401)

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