Patina Cocoa color palette — #F8F1E0 · #A9B183 · #7F763C · #664500 · #25240D

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F1E0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A9B183): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#7F763C): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#664500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#25240D): A deep, shadowed, dusty green — the color of new leaves after rain.

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 (#FEEEE3, #C9A380, #A4623D, #703B32, #2D200E)
• Chestnut Courtyard color palette (#E8E0CC, #989E64, #756400, #523902, #1B1900)
• Bronze Canyon color palette (#E3FDED, #9CAF7F, #7E733B, #6C4454, #284342)
• Soft Basin color palette (#F8F0EE, #F194A4, #946E00, #A63753, #150C01)
• Moonless Chestnut Villa color palette (#ECE1D6, #6C4B00, #3F2200, #1D0700, #020100)
• Amber Orchard color palette (#F7E2D5, #CC741F, #983800, #69050E, #1C0F00)
• Sunlit Workshop color palette (#FFEDEA, #C66080, #388758, #005C6D, #291310)
• Linen Pier color palette (#DDF5F8, #D1BD00, #F365B6, #3D1D1D, #180C0C)

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