Patina Cocoa color palette — #FFF2EA · #E8B6A5 · #AB6B52 · #7C3B21 · #582F1F
Built around Bronze, softened by Mocha — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Sand (#E8B6A5): A luminous, dusty orange — the color of sun-warmed clay.
- Mocha (#AB6B52): A full-bodied, balanced orange — the color of sun-warmed clay.
- Bronze (#7C3B21): A full-bodied, balanced orange — the color of autumn markets.
- Cocoa (#582F1F): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, 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
- Cocoa Alley color palette (#FFF2EB, #DEDACC, #97BBCB, #AC736A, #774012)
- Hushed Study color palette (#FFF4DF, #DFC89F, #958143, #624E00, #433400)
- Mulberry Villa color palette (#FFF1F0, #EFBED2, #A66B84, #7D3557, #542B3C)
- Softworn Ridge color palette (#FFF0F9, #FFC4B1, #D68962, #905642, #482E40)
- Antique Apricot color palette (#FFF3E8, #E29854, #925200, #582F00, #3A1D00)
- Chestnut Field color palette (#F7D9C7, #994E00, #4B2300, #17180D, #110400)
- Amber Studio color palette (#FFE3C1, #BC8634, #734B00, #3E2600, #1E1000)
- Denim Ridge color palette (#FFF2F0, #B57E90, #4E85AF, #4D5A96, #4F3633)
Browse the whole catalog at Explore, or see today's palette.