Patina Cocoa Ridge color palette — #FFF2ED · #E1D8CF · #A7B7B1 · #D597A4 · #703319

A conversation between Rust and Rosewood Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E1D8CF): bright and airy, almost weightless.
• Ash (#A7B7B1): a calm mid-gray that lets other colors speak.
• Rosewood Mist (#D597A4): A luminous, dusty red — the color of late-summer berries.
• Rust (#703319): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Cocoa Corridor color palette (#FFF2F0, #E1DBCF, #C2C496, #86729E, #733719)
• Worn Driftwood color palette (#FCEBFF, #DBD7C8, #DAB79F, #A07389, #422D3E)
• Powdered Cabin color palette (#FFF3E5, #F5EF88, #DBE2C8, #DD8C3F, #523F18)
• Taupe Market color palette (#FDF3E9, #F3D8B3, #C0955F, #876240, #35312B)
• Dusty Amber color palette (#FDEDDF, #E0A245, #A98800, #6E2F00, #020100)
• Tempered Amber color palette (#FFE4D7, #FFB396, #E87E00, #9D1A33, #0D0100)
• Ember Thicket color palette (#FFF2ED, #F0EBB1, #DFD9CE, #DC6054, #431D07)
• Pale Quarry color palette (#FFF1F2, #E194D5, #18AFD2, #3F76AD, #321E21)

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