Cocoa Villa color palette — #D8E4CD · #007B5B · #763400 · #3C2E00 · #010700
A conversation between Rust and Teal, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D8E4CD): A whisper-light, dusty green — the color of a quiet forest floor.
- Teal (#007B5B): A full-bodied, balanced teal — the color of glacier melt.
- Rust (#763400): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#3C2E00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#010700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Patina Lantern color palette (#E6EACD, #197A10, #98001D, #462400, #070700)
- Chalky Plum color palette (#F1DAD8, #C50075, #6F4400, #383B00, #000802)
- Smoked Drift color palette (#CFEDE4, #00527F, #3A2B00, #251A00, #030600)
- Scarlet Thicket color palette (#F9E4D9, #D8481C, #636600, #004D28, #001706)
- Feathered Brick Summit color palette (#D1E2F3, #289BFA, #B4280F, #605A00, #000706)
- Fern Basin color palette (#DFFBE8, #008DA6, #746000, #225600, #001915)
- Feathered Study color palette (#F8E4E5, #980086, #6B3000, #2E2300, #000200)
- Airy Rust Grove color palette (#FFF1F2, #C476B2, #B75500, #6E5800, #2D2E17)
Browse the whole catalog at Explore, or see today's palette.