Patina Cocoa Grove color palette — #FDF3EB · #DEDECC · #AA7A54 · #673900 · #211A13

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

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Bone (#DEDECC): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#AA7A54): A luminous, dusty gold — the color of old brass.
• Bronze (#673900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#211A13): quiet, heavy and certain.

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

Use it as a design system

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

• Tempered Dune color palette (#F4EEDA, #BE9F2F, #413E00, #1D2726, #090800)
• Hushed Archive color palette (#F7F5EB, #F6E6A5, #747D37, #3A3831, #120F07)
• Washed Chestnut color palette (#FFF2EB, #C6C393, #864E23, #592A00, #29251B)
• Wandering Bronze Veranda color palette (#FFF2EA, #F1DD9C, #BB957A, #965E31, #332922)
• Bronze Field color palette (#F5E9DC, #A07000, #2A1600, #0E0C05, #020100)
• Weathered Honey color palette (#FBF5E7, #ECCD7C, #756200, #302700, #060300)
• Teal Orchard color palette (#FAF5E5, #C8C882, #60C1B8, #488DA2, #34322B)
• Worn Jade Thicket color palette (#FAF5E7, #E0E2A2, #8AB068, #417D82, #413F38)

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