Patina Cocoa color palette — #FCF5E1 · #D1D5BF · #A1B4A0 · #A47772 · #754309
A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#FCF5E1): A whisper-light, dusty green — the color of fresh herbs.
- Oat (#D1D5BF): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A1B4A0): A luminous, dusty green — the color of fresh herbs.
- Mocha (#A47772): A luminous, dusty orange — the color of autumn markets.
- Bronze (#754309): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Wandering Bronze Drift color palette (#EDFAE4, #C6E1D0, #BCA2B4, #9D7635, #634900)
- Cocoa Lantern color palette (#D9EAC9, #A2BEAA, #7E94BF, #7E633F, #5D4400)
- Ancient Powder Orchard color palette (#DEFDF5, #D1E2EF, #ABCADE, #958291, #574B54)
- Worn Ridge color palette (#CAF1E7, #79A08A, #516AA5, #643C00, #232A00)
- Hushed Cerulean color palette (#EBF9EF, #A7D0B3, #DF9D9E, #009EB2, #664338)
- Coral Balcony color palette (#E9FBED, #67C1CF, #DE8A87, #C08163, #334839)
- Antique Lagoon Atelier color palette (#FAF3F0, #D0E4E0, #83BBD1, #53967C, #32524A)
- Iris Thicket color palette (#CAE8EA, #73BCEE, #8D73CE, #736500, #004F23)
Browse the whole catalog at Explore, or see today's palette.