Patina Cocoa color palette — #FFF1F6 · #FFCAD6 · #E4A4AA · #B97973 · #742E1C

Rust and Caramel set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Shell Pink (#FFCAD6): A whisper-light, dusty red — the color of a theater curtain.
• Rose Quartz (#E4A4AA): A luminous, dusty red — the color of late-summer berries.
• Caramel (#B97973): A luminous, balanced orange — the color of autumn markets.
• Rust (#742E1C): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: 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

• Weathered Field color palette (#FFF1F4, #ECD5D8, #E3A3B0, #AB593D, #5E3100)
• Amber Cabin color palette (#FFF2ED, #FFCCAE, #DFAD84, #B28952, #604500)
• Garnet Study color palette (#F3F4FF, #EDCBFB, #D4A8D4, #B57DA7, #6D2D50)
• Patina Shell color palette (#FFF1F6, #FFBBC7, #D89D94, #958D5C, #524153)
• Tangerine Orchard color palette (#FFDFE0, #FFAFA4, #FF7A55, #C95700, #552A00)
• Washed Stone Boulevard color palette (#F8EEF9, #EC9EA9, #877584, #59515A, #242026)
• Worn Loft color palette (#F9E3E0, #FB9274, #D67136, #984E00, #381F00)
• Weathered Station color palette (#F5E1E6, #C75463, #BB0817, #6A1500, #0E0200)

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