Patina Cocoa color palette — #E9FCE5 · #BDE3DF · #98C1B7 · #96716A · #7B4319
Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#E9FCE5): A whisper-light, dusty green — the color of fresh herbs.
- Silver (#BDE3DF): A whisper-light, dusty teal — the color of shallow lagoons.
- Ash (#98C1B7): A luminous, dusty teal — the color of glacier melt.
- Mocha (#96716A): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#7B4319): 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
- Muted Chestnut color palette (#E7FBEE, #C0E6ED, #CFB6C6, #A68D7E, #6F4600)
- Softworn Field color palette (#E4FAFF, #9EBCCB, #718AA5, #705D76, #644447)
- Aged Driftwood color palette (#D5FCEE, #A3C3CA, #6A859F, #465D45, #2B3C2B)
- Chestnut Study color palette (#FDECFF, #D2ACC6, #937CA2, #774D06, #333100)
- Worn Iris Boulevard color palette (#E2FBFF, #98D8FF, #8090D3, #7C483F, #462500)
- Muted Meadow color palette (#FFF0FD, #E5C6D5, #B593B9, #87611E, #3F3E37)
- Tempered Courtyard color palette (#FCF4E8, #D8E3BC, #97A66C, #707E39, #3B3831)
- Muted Terrace color palette (#D6DEFF, #B39EDC, #845C7B, #483D00, #0B1600)
Browse the whole catalog at Explore, or see today's palette.