Patina Drift color palette — #FFF2ED · #EDE8B2 · #9F6361 · #5F2308 · #190B06

Espresso takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Celadon Mist (#EDE8B2): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#9F6361): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#5F2308): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#190B06): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Patina Drift 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 Drift color palette (#FBF4EB, #F9E3B0, #8F7042, #3C3832, #150E05)
• Weathered Cocoa color palette (#F9F0EB, #D8A979, #853C28, #401B10, #130A05)
• Amber Lantern color palette (#FBF2F8, #F4CDA9, #C97E6C, #84554A, #2C1B28)
• Shadow Moss Loft color palette (#F0E1DA, #A28E00, #530D00, #0F0A03, #040000)
• Gentle Garden color palette (#FFF2EA, #E4C100, #8F3B00, #361200, #030100)
• Weathered Sand Meadow color palette (#F9F5E9, #F4C882, #676729, #2A2A00, #050400)
• Antique Ember Basin color palette (#FDF3EE, #F0D6C1, #7FAE62, #CE6756, #131305)
• Worn Corridor color palette (#F4EFD1, #CE9643, #364200, #1D2827, #060900)

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