Patina Cocoa color palette — #FFF2EF · #FFC6CC · #EAA1A1 · #B67872 · #7D411F

A conversation between Bronze and Rose Quartz, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#FFC6CC): A whisper-light, dusty red — the color of late-summer berries.
• Rose Quartz (#EAA1A1): A luminous, balanced red — the color of a theater curtain.
• Caramel (#B67872): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#7D411F): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. 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

• Airy Ember color palette (#FAE3FF, #E69CA4, #C4696B, #80413A, #442E3E)
• Ancient Mallow color palette (#FFF1F4, #F3C5F6, #D39DC9, #B582A6, #6A4747)
• Worn Stone Garden color palette (#FFF3E9, #FFCEA5, #D9A976, #B08C58, #4F4B44)
• Aged Tangerine Lagoon color palette (#FFD2CD, #FFA58F, #FF723A, #CD5B00, #693500)
• Antique Cocoa color palette (#FFF2EB, #DFDACD, #D9AF9D, #92B9B9, #753E10)
• Softworn Apricot Parlor color palette (#F2DFD9, #FF8645, #CB6900, #955500, #442800)
• Patina Shell Parlor color palette (#FFF2EB, #FEB29B, #C8C178, #CF9BC7, #48413D)
• Misty Scarlet color palette (#FFE2E2, #D63A3F, #A90E00, #661F00, #130300)

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