Patina Cocoa color palette — #FFF3E7 · #B8A482 · #8C6B4A · #7A4019 · #3F3D36
Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Camel (#B8A482): A luminous, dusty gold — the color of afternoon light on wheat.
- Walnut (#8C6B4A): A full-bodied, dusty gold — the color of old brass.
- Bronze (#7A4019): A full-bodied, balanced gold — the color of old brass.
- Charcoal (#3F3D36): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
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
- Weathered Corridor color palette (#FFECF2, #99B49A, #8E6E4B, #6D3F17, #102917)
- Wandering Chestnut color palette (#FFF3E6, #D3B998, #B08659, #915A2D, #413C36)
- Moss Chapel color palette (#F1DCAC, #939330, #725700, #5A3000, #1B3000)
- Washed Cobalt color palette (#E4FBF3, #3889BD, #866E28, #51581C, #1D3931)
- Worn Harbor color palette (#F4E0C1, #7F7920, #5A4100, #3F1E00, #101A00)
- Tempered Plum color palette (#F9F3FA, #86B3E2, #A84C63, #1C62A1, #331E1A)
- Worn Garnet color palette (#E4EFFF, #A8A2DF, #86609F, #762E59, #68132B)
- Velvet Chestnut Meadow color palette (#F5E6DE, #834800, #501500, #280008, #060300)
Browse the whole catalog at Explore, or see today's palette.