Patina Cocoa color palette — #FEF4E3 · #B1A87E · #837044 · #77430E · #3C4100

Bronze takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
• Sage (#B1A87E): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#837044): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#77430E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3C4100): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Bronze Boulevard color palette (#FFF2E9, #BDA37B, #96654B, #714246, #3F3D36)
• Timeworn Cocoa color palette (#E4F8EA, #95B4A4, #877339, #67440B, #032A20)
• Antique Veranda color palette (#ECF9EF, #CDD7A6, #C5A962, #A97D60, #254340)
• Terracotta Courtyard color palette (#F9D6C0, #BB7F31, #9A3500, #73002F, #302900)
• Softworn Lagoon Study color palette (#EAFAEC, #00939C, #9B5F48, #79422C, #243928)
• Timeworn Delta color palette (#F8EDD6, #547406, #423800, #2C1600, #001005)
• Aged Station color palette (#F1F7F1, #69BFC1, #87589E, #006E70, #321D23)
• Denim Meadow color palette (#ECF9F2, #D89AAC, #0B5974, #063726, #092020)

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