Patina Cocoa color palette — #FFF2ED · #E6DFB8 · #B3CA8D · #A97892 · #623100
A conversation between Bronze and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Celadon Mist (#E6DFB8): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#B3CA8D): A luminous, balanced green — the color of new leaves after rain.
- Dusty Rose (#A97892): A luminous, dusty rose — the color of pressed rose petals.
- Bronze (#623100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, 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
- Stone Drift color palette (#FFF1F3, #F0D5C3, #DEBD86, #857FAD, #553531)
- Tempered Seafoam color palette (#FFF3E8, #F8E59E, #8ED9B2, #A9747C, #3F3A34)
- Worn Cocoa color palette (#FFF2EA, #DEDFCB, #91DFD6, #B88892, #6C4100)
- Antique Boulevard color palette (#FFF0F8, #FFD6B7, #D1A76C, #9E6151, #583848)
- Feathered Drift color palette (#FFF3E7, #CDF081, #3DD9C3, #D25A5A, #453600)
- Ancient Bronze color palette (#F0E7D4, #A2B781, #908037, #79512B, #2F312B)
- Seafoam Bloom color palette (#F9F3D0, #84E6BE, #5BC3D7, #A46831, #2E2F28)
- Antique Moss Summit color palette (#FEE0D0, #E7B473, #7AB258, #8A4D6F, #351B00)
Browse the whole catalog at Explore, or see today's palette.