Patina Cocoa color palette — #DCE7DE · #95AB9F · #6F8E85 · #584100 · #020C04
Deep Olive and Eucalyptus set the tone — five colors that lean into optimism and sophistication.
The five colors
- Parchment (#DCE7DE): a clean, paper-quiet neutral.
- Taupe (#95AB9F): A luminous, dusty teal — the color of glacier melt.
- Eucalyptus (#6F8E85): A luminous, dusty teal — the color of sea glass.
- Deep Olive (#584100): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#020C04): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Optimism, Sophistication. Tagged scandi, 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
- Chestnut Veranda color palette (#E9E2D9, #9DA297, #7B8F7A, #7F5C00, #100700)
- Wandering Cocoa Orchard color palette (#EADDE6, #B89BA7, #748E76, #742A11, #10050D)
- Washed Grove color palette (#EDE7DC, #C0BAAC, #98927B, #4B3900, #020100)
- Antique Onyx color palette (#E8F2EA, #8C9F97, #5B7773, #392700, #030C05)
- Dusty Pier color palette (#DCEBE9, #9EBABD, #749DA8, #006430, #061716)
- Pine Courtyard color palette (#D1EBE6, #258959, #005143, #402400, #000808)
- Feathered Amber Harbor color palette (#CCF2E2, #BE8400, #858400, #006733, #020400)
- Dusty Market color palette (#E8F1EC, #C6DED7, #9AC0BC, #787619, #22322B)
Browse the whole catalog at Explore, or see today's palette.