Cocoa Loft color palette — #D7E5D7 · #A79769 · #7E5E2C · #5F3000 · #1B1900
A conversation between Cocoa and Walnut, giving this palette its sense of nature and growth.
The five colors
- Parchment (#D7E5D7): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#A79769): A luminous, dusty green — the color of a quiet forest floor.
- Walnut (#7E5E2C): A full-bodied, dusty gold — the color of old brass.
- Cocoa (#5F3000): A deep, shadowed, balanced gold — the color of honey in a jar.
- Ink (#1B1900): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Cocoa Loft 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
- Ancient Chestnut Balcony color palette (#EFDAE3, #B38C98, #8E542C, #652918, #051E0C)
- Chestnut Quarry color palette (#E0EEE4, #8A8A4E, #665300, #442B00, #0B1100)
- Cocoa Orchard color palette (#E9F6EE, #92B5A6, #7F7547, #62470E, #062922)
- Weathered Chestnut Chapel color palette (#EAFBE9, #CFC99C, #AA814B, #814531, #002821)
- Pewter Corridor color palette (#FAEEF3, #ABC3AC, #9E7586, #6F4B61, #1D3224)
- Cobalt Hollow color palette (#DEEAFD, #5772B7, #915314, #404900, #040F26)
- Wandering Garnet color palette (#EEECFF, #AA85C8, #8A488E, #670046, #2F000F)
- Ancient Navy Parlor color palette (#E1EAF6, #BA9B5A, #1F4481, #031941, #01050F)
Browse the whole catalog at Explore, or see today's palette.