Patina Cocoa color palette — #FDF3EB · #D6C8B4 · #B3957B · #9A6463 · #554700

Deep Olive and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Oat (#D6C8B4): A whisper-light, dusty gold — the color of old brass.
• Taupe (#B3957B): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#9A6463): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Olive (#554700): A full-bodied, balanced green — the color of new leaves after rain.

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

• Aged Summit color palette (#FFF2EB, #D3B99D, #BB7E69, #8C5763, #403D36)
• Bronze Drift color palette (#FFF1F7, #E6BEDF, #CB8C99, #AC552B, #5D3E00)
• Soft Bronze Balcony color palette (#EBDFCC, #9CA567, #8E6C00, #783900, #0E2B0F)
• Garnet Study color palette (#F2DAC9, #98773D, #813C00, #600017, #0C0C00)
• Worn Terracotta Archive color palette (#FFEBD2, #BDB772, #AC7C30, #9E3E14, #253E0C)
• Weathered Study color palette (#FAF3F6, #EEC3D4, #B99561, #977CC6, #322D27)
• Worn Cypress color palette (#FFF2F0, #CB8CA2, #B57556, #007F79, #422C2C)
• Washed Driftwood color palette (#FBF2F6, #CED6AE, #7E76A2, #624252, #35262E)

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