Patina Cocoa color palette — #FCE9EF · #AB5D67 · #782E20 · #382D00 · #1A1D00

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

The five colors

• Blush (#FCE9EF): A whisper-light, dusty rose — the color of strawberry cream.
• Mocha (#AB5D67): A full-bodied, balanced red — the color of embers at dusk.
• Rust (#782E20): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#382D00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#1A1D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Weathered Bronze Atelier color palette (#FFE8E7, #9B5A42, #633400, #1A2000, #000E09)
• Mulberry Courtyard color palette (#F5E2FD, #96648D, #79124F, #4B2400, #2E1B00)
• Washed Peony Coast color palette (#E5DEF9, #B66A92, #91452D, #004641, #001F1C)
• Linen Rust color palette (#FFE6EC, #D08A8D, #AD4E36, #5C4E00, #353E06)
• Worn Scarlet Station color palette (#FFE3E1, #CC363F, #6D0014, #2A0002, #0A0001)
• Weathered Bronze Dune color palette (#FBE9DA, #A88239, #5E5400, #00432D, #002C28)
• Weathered Lilac color palette (#E8EDFF, #B980B6, #A96452, #045F5E, #001F1F)
• Faded Garnet color palette (#FFEAE6, #920900, #4C4000, #510058, #170000)

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