Patina Cocoa Study color palette — #F9F4EE · #CCDDCB · #9B815C · #59411C · #201A12

Built around Cocoa, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#CCDDCB): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#9B815C): A luminous, dusty gold — the color of old brass.
• Cocoa (#59411C): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#201A12): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Patina Cocoa Study 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

• Taupe Cabin color palette (#F1F7F1, #C3E9CB, #B6996D, #5D745E, #262D27)
• Tempered Lantern color palette (#F4F6EE, #EFDBC0, #4E8463, #004526, #0D1104)
• Dusty Lantern color palette (#EDF1D7, #DD8B58, #084908, #182325, #000B00)
• Softworn Studio color palette (#F9F0E4, #D8C091, #815815, #35302A, #191309)
• Pewter Courtyard color palette (#F5F6EB, #A8CF9D, #5B9E78, #7E518E, #2A2716)
• Amber Parlor color palette (#F9F4EF, #E0DECE, #6BBFB9, #C78C3F, #172216)
• Weathered Parlor color palette (#F9F5E6, #C3C896, #75BFAD, #9073AD, #33322B)
• Bronze Quarry color palette (#F9EEDA, #9D7200, #231A00, #0C0C06, #020100)

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