Cocoa Loft color palette — #F7F6E6 · #85A67C · #3F6F49 · #703B17 · #35362F
Built around Bronze, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F6E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#85A67C): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#3F6F49): A full-bodied, balanced green — the color of fresh herbs.
- Bronze (#703B17): A full-bodied, balanced gold — the color of old brass.
- Espresso (#35362F): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Patina Pine color palette (#F7F7E3, #88AF85, #007E41, #614F00, #224420)
- Worn Fern color palette (#F7EACC, #969652, #546200, #653500, #303000)
- Cypress Loft color palette (#F6F2E1, #89AB83, #007758, #603941, #1C1E02)
- Patina Forest color palette (#E4E6D7, #5F9B73, #006546, #443F00, #013219)
- Sunlit Grove color palette (#FAECDE, #B3824D, #018F64, #7B4900, #00402B)
- Bronze Parlor color palette (#FFF3E4, #DCE0B7, #B5B573, #9A5800, #4C3A12)
- Softworn Chestnut color palette (#F8F5EB, #C5C2AA, #758960, #885B1F, #594D00)
- Lagoon Corridor color palette (#EDF8F3, #9AC195, #359374, #77557B, #1E3C38)
Browse the whole catalog at Explore, or see today's palette.