Patina Cocoa color palette — #FFE4E2 · #D499A1 · #AE5C54 · #7B3200 · #391F00

Rust takes the lead with Brick close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Rose Water (#FFE4E2): A whisper-light, dusty orange — the color of toasted spice.
• Rosewood Mist (#D499A1): A luminous, dusty red — the color of embers at dusk.
• Brick (#AE5C54): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#7B3200): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#391F00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Quiet Garnet Cabin color palette (#FFECF0, #C99ABB, #AC577A, #84082C, #440400)
• Rust Alley color palette (#F5EBFF, #D796B6, #B84F51, #794400, #4C4000)
• Antique Harbor color palette (#FFECE2, #D59F7B, #9A6B24, #584800, #252800)
• Tempered Bronze color palette (#FEF0DB, #C98696, #995739, #005343, #39180C)
• Wandering Terrace color palette (#FFEBF3, #F9A5B0, #D77265, #A54C0E, #5D3600)
• Ember Veranda color palette (#F6D6D8, #E06755, #8D4300, #4D2F00, #181000)
• Dusty Pewter color palette (#F8F0EF, #DBD5D0, #C5BBAB, #9B6175, #362826)
• Amber Veranda color palette (#FFEEE7, #FFCDE8, #FA919D, #CC7B23, #3E140E)

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