Patina Cocoa color palette — #FAF4EE · #DBDBD1 · #C0C2B4 · #AB885F · #653E00

Bronze takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Bone (#DBDBD1): bright and airy, almost weightless.
• Stone (#C0C2B4): a calm mid-gray that lets other colors speak.
• Caramel (#AB885F): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#653E00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. 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

• Antique Taupe Ridge color palette (#F8F5EE, #D7DCD3, #A7B3AD, #A69B7B, #56524A)
• Antique Moss Dune color palette (#F6F6EE, #D3DDD1, #B0C8B2, #74933D, #474100)
• Muted Fern color palette (#E4E2DA, #A7A693, #878870, #454A00, #0D0900)
• Tempered Amber Market color palette (#EBE4D5, #A78E04, #5D4C00, #302D27, #1D170F)
• Wandering Taupe Terrace color palette (#FFF4E1, #E1DCBB, #E5CA75, #A7A94C, #423F38)
• Washed Taupe color palette (#FBF6DC, #C4C5A8, #9EA781, #607B6A, #305749)
• Weathered Mustard color palette (#FFF4DF, #CFAC5F, #8B8A4E, #247264, #403D36)
• Hushed Station color palette (#EAECE5, #BEC8B5, #99AB93, #007348, #1C2211)

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