Cocoa Villa color palette — #F6E1EE · #822C00 · #134800 · #390E00 · #000200
Rust takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F6E1EE): A whisper-light, dusty pink — the color of peonies in June.
- Rust (#822C00): A full-bodied, balanced orange — the color of toasted spice.
- Deep Olive (#134800): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Espresso (#390E00): A deep, shadowed, dusty orange — the color of toasted spice.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Cocoa Villa 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
- Twilit Cocoa Alley color palette (#D3E7D5, #644600, #004639, #2A1B00, #000201)
- Inked Onyx Meadow color palette (#F9EAE4, #652400, #333400, #410034, #030000)
- Softworn Terracotta color palette (#FBE9E1, #961800, #004462, #420500, #00070E)
- Midnight Aubergine Studio color palette (#FFE4F0, #763900, #5D0074, #331500, #030004)
- Misty Rust color palette (#EDD9E6, #B33F11, #005E76, #4F1400, #000102)
- Midnight Cypress Alley color palette (#C5E8EF, #006F53, #5F5200, #070A05, #000201)
- Feathered Bronze color palette (#FBE6ED, #B16D0F, #007F57, #653B00, #00170D)
- Aged Garden color palette (#FDDEED, #A87D50, #815F00, #511800, #040100)
Browse the whole catalog at Explore, or see today's palette.