Patina Cocoa color palette — #F0E7E4 · #DEC6BA · #B69F8D · #7F3E47 · #1F120F

A conversation between Coffee and Taupe, giving this palette its sense of sophistication.

The five colors

• Rose Water (#F0E7E4): bright and airy, almost weightless.
• Oat (#DEC6BA): A whisper-light, dusty orange — the color of toasted spice.
• Taupe (#B69F8D): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#7F3E47): A full-bodied, balanced red — the color of embers at dusk.
• Ink (#1F120F): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Worn Chestnut color palette (#FDEFE0, #E1D2B9, #B8AB81, #804E00, #261604)
• Aged Station color palette (#F3ECF4, #D5C7D0, #B199A1, #893346, #362838)
• Garnet Terrace color palette (#ECE4DF, #C3AF9F, #9B8A76, #7A1D03, #120804)
• Tempered Canyon color palette (#FDF2F1, #E1DBCF, #C7C6A7, #A45D70, #2B1916)
• Tempered Canyon color palette (#F9E8E0, #BD8559, #766428, #274830, #00271E)
• Patina Hollow color palette (#F6F1EA, #D6D9CE, #A6B0AA, #A47A3C, #3A352F)
• Weathered Emerald color palette (#EBECD8, #4FA16F, #006450, #522D2A, #0F1500)
• Aged Olive Hollow color palette (#E9E3D8, #948D75, #726E23, #352800, #020100)

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