Patina Cocoa color palette — #FFF1F5 · #96AF97 · #8F6A41 · #74441B · #2A4430

Bronze and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sage (#96AF97): A luminous, dusty green — the color of fresh herbs.
• Walnut (#8F6A41): A full-bodied, dusty gold — the color of old brass.
• Bronze (#74441B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#2A4430): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Cocoa color palette (#DEEDDD, #7EA184, #805C24, #633800, #1C3726)
• Softworn Bronze color palette (#FEEDF2, #BCA97F, #966B3E, #6C3F2F, #0F281E)
• Chestnut Alley color palette (#ECF9F1, #A1C1B2, #638B75, #6A5C33, #374D45)
• Wandering Amber color palette (#FFF3E7, #D0BC8C, #B48454, #885D4F, #3F3D36)
• Chalky Lagoon color palette (#E3FAFF, #02958A, #996322, #5C5400, #0D3941)
• Muted Chestnut color palette (#F7DDE7, #A48053, #7C4700, #572800, #312100)
• Wandering Pier color palette (#DDE8DD, #7F6316, #4C3300, #2B1700, #0F0B00)
• Midnight Chestnut Bloom color palette (#F0E1EA, #844721, #4E1700, #270200, #080200)

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