Cocoa Villa color palette — #D2E6D9 · #949F67 · #72642D · #583500 · #001D1A
Built around Cocoa, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D2E6D9): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#949F67): A luminous, dusty green — the color of fresh herbs.
- Olive (#72642D): A full-bodied, dusty green — the color of fresh herbs.
- Cocoa (#583500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#001D1A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Tempered Terrace color palette (#DAEEE2, #77A28D, #71641C, #554100, #14382C)
- Patina Courtyard color palette (#F1D8E6, #BA8F64, #8E5339, #64282C, #061D0E)
- Muted Driftwood Ridge color palette (#FFF4DC, #CCCB9A, #998A41, #6B5519, #282100)
- Hushed Olive color palette (#D5E5DD, #627B44, #494600, #2F1F00, #000706)
- Wandering Canyon color palette (#E7F7E9, #A5C4B3, #6B8D70, #6A4F5C, #1D312B)
- Timeworn Taupe Lantern color palette (#FFEBF6, #C5A582, #8E677D, #5C425A, #13281B)
- Washed Orchard color palette (#D5EDFB, #00829F, #A04435, #702A1F, #00121D)
- Lowlit Chestnut Summit color palette (#F9E9DD, #7F5900, #532A00, #340300, #020200)
Browse the whole catalog at Explore, or see today's palette.