Patina Cocoa color palette — #E6FDDE · #C1DCCB · #97C3B8 · #AB867F · #7C421B

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

The five colors

• Honeydew (#E6FDDE): A whisper-light, dusty green — the color of a quiet forest floor.
• Oat (#C1DCCB): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#97C3B8): A luminous, dusty teal — the color of glacier melt.
• Caramel (#AB867F): A luminous, dusty orange — the color of autumn markets.
• Bronze (#7C421B): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, 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

• Ancient Studio color palette (#F9F8D3, #B3CDAE, #B398B3, #996432, #754309)
• Antique Chestnut Station color palette (#DFFEEF, #E1CBDF, #C4AAB5, #AF8F79, #674900)
• Worn Basalt Field color palette (#FDF4E7, #DED7A5, #A8B283, #8D9478, #543F00)
• Driftwood Cabin color palette (#E1FDF0, #C7E1F0, #9BB8CE, #6C8770, #3F5241)
• Timeworn Stone Pier color palette (#C7F4FC, #92B8CB, #6E869F, #66546B, #442C3C)
• Feathered Sky Atelier color palette (#DCF4F6, #66C5F8, #8CA0D1, #AD5D5B, #572E00)
• Powder Ridge color palette (#FAF4EC, #C0EAE9, #8AC5F1, #5AA6AC, #563E56)
• Ancient Basalt color palette (#CDE3FE, #CBA4BF, #A48AB3, #92704D, #413D00)

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