Patina Cocoa color palette — #FFF0FA · #E6D6D6 · #D4B8C0 · #A27F74 · #773D17
Built around Bronze, softened by Mocha — the whole palette hums with optimism and sophistication.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Silver (#E6D6D6): bright and airy, almost weightless.
- Stone (#D4B8C0): A luminous, dusty rose — the color of strawberry cream.
- Mocha (#A27F74): A luminous, dusty orange — the color of toasted spice.
- Bronze (#773D17): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Washed Bronze color palette (#FFF1F1, #E7D7CA, #D59D9C, #A27C3B, #584400)
- Driftwood Delta color palette (#FFE8EC, #E2B4D8, #B26A89, #7E502C, #37260E)
- Fern Balcony color palette (#DBFFF0, #F9D5EB, #D7B7BB, #9D9988, #5E4F00)
- Mallow Lagoon color palette (#F8F2FF, #EECBF4, #D593BF, #935F4B, #59350C)
- Tempered Basalt color palette (#F8F5EE, #C2E2CD, #A7B685, #7C8B74, #544500)
- Pewter Balcony color palette (#FFD6F4, #CB96AA, #9F5A63, #593E16, #1C1500)
- Washed Lilac color palette (#FFF0F9, #E7D5E9, #B99FF1, #846BA4, #60434D)
- Amber Studio color palette (#FFF1F3, #FFB0A8, #CF7F5A, #635F04, #273808)
Browse the whole catalog at Explore, or see today's palette.