Patina Cocoa color palette — #F3ECF1 · #D6C7CE · #BB94A3 · #823E26 · #382832
A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#F3ECF1): a clean, paper-quiet neutral.
- Oat (#D6C7CE): a calm mid-gray that lets other colors speak.
- Dusty Rose (#BB94A3): A luminous, dusty rose — the color of a warm blush.
- Bronze (#823E26): A full-bodied, balanced orange — the color of autumn markets.
- Espresso (#382832): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Sophistication. Tagged scandi, 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
- Chestnut Coast color palette (#EAF0EA, #C1D1C3, #89AA94, #754A00, #273126)
- Muted Cocoa Parlor color palette (#F0E5ED, #D9C5CD, #96AA9B, #853B2F, #1C121A)
- Patina Atelier color palette (#F6ECE8, #E4D4C7, #C4B59C, #A5594C, #362B26)
- Muted Basalt Workshop color palette (#DDE6DE, #9AAFA1, #668877, #493300, #08180B)
- Ancient Lagoon color palette (#F0F7F3, #D2DCDD, #A6ACBC, #628D78, #4B5550)
- Amber Corridor color palette (#FFECF3, #FF9470, #CD6D00, #805C00, #3B2100)
- Fern Corridor color palette (#D8EADE, #958E4E, #555A00, #5A3215, #0B3121)
- Olive Bloom color palette (#EEF8F5, #CADEE3, #97C7C3, #567621, #33443F)
Browse the whole catalog at Explore, or see today's palette.