Patina Cocoa color palette — #E9F5D8 · #92B08E · #547A67 · #6A3E58 · #41231B

Cocoa takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E9F5D8): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#92B08E): A luminous, dusty green — the color of new leaves after rain.
• Pewter (#547A67): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#6A3E58): A full-bodied, dusty pink — the color of a candy shop window.
• Espresso (#41231B): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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

• Muted Basin color palette (#EAE4CE, #9EA188, #66795F, #52467D, #3F1E3B)
• Basalt Hollow color palette (#E7F8E0, #A3B8A9, #679388, #7E4958, #542200)
• Cerulean Summit color palette (#D8E2D3, #90AD97, #5581A1, #643C36, #42180D)
• Cypress Lantern color palette (#F4F3E2, #9DA57B, #31735A, #3B4E1F, #1B1F00)
• Ash Hollow color palette (#CCF1F0, #8FC0CC, #6C9DB1, #706283, #5A3F5C)
• Bronze Chapel color palette (#FFF3E2, #D2D2A5, #68A5A7, #976237, #583600)
• Ancient Chestnut color palette (#C8F2E2, #9DB2E5, #7F6E9E, #794B28, #3A2E00)
• Aged Denim Basin color palette (#C5E8DD, #618167, #005D88, #4C1C33, #2F0101)

Browse the whole catalog at Explore, or see today's palette.