Patina Cocoa color palette — #E8F1E8 · #C0D7C5 · #8DB09B · #684500 · #000400

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

The five colors

• Cream (#E8F1E8): bright and airy, almost weightless.
• Oat (#C0D7C5): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8DB09B): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#684500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Basalt Delta color palette (#DDE9E3, #A7C2B8, #729C92, #3F3E00, #000201)
• Patina Bronze color palette (#F5ECE2, #A69F92, #8D7B32, #4C2F00, #080300)
• Washed Cocoa color palette (#F7EAF1, #E3C7D3, #C09AA7, #813000, #060104)
• Aged Basalt color palette (#F7E8ED, #9FADA5, #688682, #512E00, #1E0E14)
• Weathered Boulevard color palette (#C9E9E0, #63A052, #005E25, #362900, #000200)
• Antique Thicket color palette (#EBF8F7, #CADDE7, #91C5CC, #00733C, #02100F)
• Wandering Bronze color palette (#EEDFE4, #A6C5B2, #7CACB2, #9B631E, #200C14)
• Deep Fern Orchard color palette (#CEE6D8, #564B52, #574E00, #131B17, #050600)

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