Patina Cocoa color palette — #FFF2EF · #F1B0B8 · #C98487 · #9C635E · #753A18
Built around Bronze, softened by Dusty Rose — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Ballet Pink (#F1B0B8): A luminous, dusty red — the color of late-summer berries.
- Dusty Rose (#C98487): A luminous, balanced red — the color of a theater curtain.
- Walnut (#9C635E): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#753A18): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.
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
- Ancient Amber color palette (#FFEADA, #F1BE99, #C18D5B, #967245, #694500)
- Hushed Studio color palette (#FFF2EC, #ECB5AB, #A4BA85, #B87A6F, #564F00)
- Timeworn Canyon color palette (#FFF1F4, #DEB7E3, #BD8BBA, #96678B, #6B4849)
- Wandering Blush color palette (#F7F3FF, #FFC7DB, #FF9B9B, #C07C68, #634854)
- Hushed Cocoa color palette (#FFF2EB, #DFDACD, #91B9B6, #BF9888, #7A4215)
- Quiet Ember Veranda color palette (#FFEAE8, #FF8471, #ED5627, #A84400, #602A00)
- Tempered Stone Dune color palette (#FFF2EC, #E69B90, #B3A46F, #AB81B1, #48403D)
- Gentle Amber Thicket color palette (#EFE1D8, #BF7100, #8A5700, #533700, #2B1F00)
Browse the whole catalog at Explore, or see today's palette.