Patina Cocoa color palette — #FFF1F6 · #FCD1DC · #E2A2C3 · #A4676C · #763E15

Built around Bronze, softened by Carnation — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Shell Pink (#FCD1DC): A whisper-light, dusty red — the color of late-summer berries.
• Carnation (#E2A2C3): A luminous, balanced rose — the color of pressed rose petals.
• Mocha (#A4676C): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#763E15): A full-bodied, balanced gold — the color of old brass.

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

• Dusty Veranda color palette (#FFF1F3, #F6D2CA, #EBA09E, #A26B4D, #4D4842)
• Worn Powder Summit color palette (#FFEFFF, #E4D5F1, #BDABEC, #9C7297, #6C4743)
• Dusty Raspberry Coast color palette (#FFEAED, #D59EC6, #B8618F, #7B4051, #492B21)
• Ember Courtyard color palette (#FFF0F9, #FF9DA7, #D76C4A, #914700, #382900)
• Ancient Canyon color palette (#FFE1FD, #FA80A7, #D03A45, #6E3000, #2B1A00)
• Blush Grove color palette (#FFEFFF, #FFB6DF, #FF597D, #BA2E0A, #5A2E00)
• Dusty Blush Chapel color palette (#FFF2EF, #F7D2CB, #8CDFC5, #CD7F96, #3D4C31)
• Weathered Amber Courtyard color palette (#FFF1F3, #FFC7B9, #D78758, #926F16, #453F0D)

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