Patina Cocoa Ridge color palette — #FFEDEA · #A36A77 · #5C2F00 · #342421 · #1B1311

Cocoa and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FFEDEA): A whisper-light, dusty orange — the color of autumn markets.
• Mocha (#A36A77): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#5C2F00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#342421): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#1B1311): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Patina Cocoa Ridge 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

• Washed Driftwood color palette (#F3EAF5, #B46978, #4A3245, #241A26, #0E0B10)
• Blush Grove color palette (#FFEDEA, #D77C8F, #824525, #45332F, #262020)
• Softworn Orchard color palette (#F8EEFB, #F696AD, #8B747F, #59515C, #222126)
• Tempered Bronze color palette (#EEE2D5, #9A6418, #34322B, #2A1C0A, #110D07)
• Cellar Brick color palette (#F3E3DC, #BB282C, #3D2500, #2C0D02, #110602)
• Lowlit Basalt color palette (#EFDDC3, #485854, #4C3500, #1A2521, #050B00)
• Deep Chestnut Terrace color palette (#F5EDE0, #6D5800, #062700, #120C00, #030200)
• Aged Cerulean color palette (#FFF2EA, #BE8A6F, #4594B7, #5170A6, #48413C)

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