Patina Cocoa color palette — #FFF2F0 · #F1D4CD · #DD959F · #AA7073 · #7E4025

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#F1D4CD): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#DD959F): A luminous, balanced red — the color of a theater curtain.
• Mocha (#AA7073): A luminous, dusty red — the color of embers at dusk.
• Bronze (#7E4025): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, 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

• Muted Coast color palette (#FFF1F3, #FFD0F8, #D293BF, #A06A88, #66413E)
• Patina Coral color palette (#F3EEFF, #E7A8C1, #C66C7C, #83443A, #422837)
• Dusty Workshop color palette (#FFF2EA, #EAD9BE, #E4A77C, #A47A54, #633D00)
• Patina Coral Veranda color palette (#FFF2EE, #F4D4C7, #BDC8FF, #D17F89, #5B3952)
• Soft Rust color palette (#FFDCD6, #F98465, #CF4D00, #763500, #2A1200)
• Amber Market color palette (#FFF2ED, #FFB089, #D47628, #8A4E00, #3D2200)
• Antique Amber Thicket color palette (#F9DFD0, #E77C00, #874F00, #523200, #100800)
• Patina Lilac Quarry color palette (#FFF2ED, #FFB6B2, #D0B87E, #B891C7, #3E3634)

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