Patina Cocoa color palette — #FFF1F2 · #F1B6D2 · #D08AA2 · #A06369 · #773920

Built around Rust, softened by Dusty Rose — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Carnation (#F1B6D2): A whisper-light, dusty rose — the color of a warm blush.
• Dusty Rose (#D08AA2): A luminous, balanced rose — the color of a warm blush.
• Mocha (#A06369): A full-bodied, dusty red — the color of late-summer berries.
• Rust (#773920): A full-bodied, balanced orange — the color of autumn markets.

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

• Aged Harbor color palette (#FFF2ED, #FFCDCE, #CB8E89, #915753, #62260B)
• Timeworn Coral color palette (#FFF2EF, #F4AFAF, #D88E81, #9C664A, #544D48)
• Ancient Lilac Alley color palette (#FFF0F9, #CFC1F5, #B190CB, #8A628A, #674244)
• Antique Driftwood color palette (#FFF1F6, #CEA2C5, #B56B87, #904648, #534D48)
• Teal Workshop color palette (#FFF2EF, #F3AEBB, #66C3BF, #B87783, #3E543B)
• Hushed Courtyard color palette (#FFF2EE, #E0D9CE, #9FC2AF, #BC918F, #7E4025)
• Ancient Rust Study color palette (#FFE6E6, #E98973, #C45E2C, #8B4B00, #4E2E00)
• Antique Rose color palette (#F5DFE6, #FF8AA2, #F24B4C, #A93100, #652800)

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