Patina Cocoa color palette — #FEF4E3 · #BBA66B · #698055 · #6B4E6A · #584500
Deep Olive and Camel set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
- Camel (#BBA66B): A luminous, balanced green — the color of fresh herbs.
- Fern (#698055): A full-bodied, dusty green — the color of fresh herbs.
- Charcoal Brown (#6B4E6A): A full-bodied, dusty pink — the color of peonies in June.
- Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.
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 Corridor color palette (#FDF4E5, #CE9C75, #80784B, #326074, #633F00)
- Weathered Denim color palette (#FFEEE3, #C9A383, #648259, #5B4774, #362A15)
- Muted Denim Quarry color palette (#F9F5EC, #A39964, #3B7D77, #484E82, #5D372F)
- Tempered Cocoa color palette (#FFF5D9, #C3C4AE, #87927B, #7F6977, #664942)
- Patina Chestnut color palette (#F5F6EC, #BCC5A8, #748964, #895A20, #45550B)
- Stone Hollow color palette (#EBF9EE, #E2CF99, #9ABA7E, #778DB1, #374D43)
- Emerald Grove color palette (#FDECD2, #699450, #006A57, #4B3266, #15391F)
- Olive Courtyard color palette (#F6F2E2, #7F832A, #3F4000, #2B291E, #151610)
Browse the whole catalog at Explore, or see today's palette.