Patina Cocoa color palette — #E9F5F3 · #759E72 · #9C5B5B · #753E00 · #081F16
Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9F5F3): a clean, paper-quiet neutral.
- Moss (#759E72): A luminous, dusty green — the color of fresh herbs.
- Walnut (#9C5B5B): A full-bodied, balanced orange — the color of toasted spice.
- Bronze (#753E00): A full-bodied, balanced gold — the color of honey in a jar.
- Ink (#081F16): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Patina Bronze color palette (#E9F4F7, #51938D, #966421, #4E4F00, #0A2322)
- Garnet Hollow color palette (#EAF5EE, #958956, #855579, #7F2C39, #27151C)
- Mulberry Orchard color palette (#F1F7F0, #27A09D, #934B7C, #60511E, #2E3A2D)
- Soft Parlor color palette (#DDF8F9, #00835E, #923A00, #433000, #041200)
- Cocoa Study color palette (#EFF1FC, #9D93C9, #915F80, #7B322B, #372300)
- Ancient Bronze Lantern color palette (#EFF6FD, #88B8E1, #A586BB, #956335, #102A30)
- Muted Mulberry Veranda color palette (#F9EDFB, #91AED0, #6A74AB, #743C5C, #1E2D41)
- Tempered Cerulean color palette (#E6EEF8, #6185B1, #313C4E, #161F2A, #080D12)
Browse the whole catalog at Explore, or see today's palette.