Patina Cocoa color palette — #F7ECF0 · #99A99F · #698F88 · #673700 · #13040A

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

The five colors

• Blush (#F7ECF0): bright and airy, almost weightless.
• Taupe (#99A99F): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#698F88): A luminous, dusty teal — the color of sea glass.
• Bronze (#673700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#13040A): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Fern Veranda color palette (#DCE4E0, #92ABA8, #668E96, #4A4800, #000D06)
• Muted Chestnut Courtyard color palette (#F7ECEF, #90ADA8, #699797, #8B5500, #120509)
• Washed Garnet Thicket color palette (#E3DCE4, #AFA0A7, #768D7C, #7B1B30, #110412)
• Aged Thicket color palette (#E8E0DA, #C0BAAD, #949570, #5B2F00, #020100)
• Softworn Bronze Hollow color palette (#E5DDD4, #A1998B, #846F25, #3F2400, #110700)
• Patina Drift color palette (#E6F0EB, #B7C9C6, #8FAAAF, #6A6300, #15231C)
• Softworn Orchard color palette (#F6DBD6, #8A7932, #2F5A42, #3F2248, #21022A)
• Antique Terrace color palette (#CFF0E1, #468553, #005149, #45163A, #000901)

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