Patina Cocoa color palette — #FFF1F3 · #FFC8E4 · #E79DA7 · #C18671 · #734204
A conversation between Bronze and Rose Quartz, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Thistle (#FFC8E4): A whisper-light, dusty rose — the color of a warm blush.
- Rose Quartz (#E79DA7): A luminous, balanced red — the color of embers at dusk.
- Caramel (#C18671): A luminous, dusty orange — the color of toasted spice.
- Bronze (#734204): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, 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
- Tempered Stone color palette (#FFF1F0, #FFC1C2, #E6A787, #B88C60, #514E47)
- Wandering Alley color palette (#FFEFFA, #E0CFFF, #D5AADF, #BA8098, #6A453C)
- Dusty Cocoa color palette (#FFF2ED, #E0DBCE, #B6BFCA, #D2A89C, #763B18)
- Softworn Coral color palette (#FFF2ED, #FFC4BE, #81D9D5, #DD918A, #3B553A)
- Muted Coral color palette (#F8F2FF, #FAB7CE, #CE8690, #A06460, #65495C)
- Antique Veranda color palette (#FFE8EA, #FF9D8C, #DF8246, #926800, #454100)
- Patina Veranda color palette (#F9DFDD, #F1682C, #A56900, #725500, #1F2600)
- Shell Harbor color palette (#FFF2EC, #FFB09E, #82CDCE, #64AECF, #48413D)
Browse the whole catalog at Explore, or see today's palette.