Cocoa Field color palette — #F8F1E2 · #B5AB8C · #827537 · #604800 · #292207
Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F1E2): A whisper-light, dusty gold — the color of old brass.
- Sage (#B5AB8C): A luminous, dusty green — the color of new leaves after rain.
- Walnut (#827537): A full-bodied, balanced green — the color of fresh herbs.
- Bronze (#604800): A full-bodied, balanced gold — the color of honey in a jar.
- Onyx (#292207): 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 Field 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 Cocoa Balcony color palette (#FCEFE6, #C1A58F, #9C664C, #773625, #331D05)
- Hushed Chestnut Courtyard color palette (#E8DFCE, #A59773, #786300, #503A00, #1E1700)
- Weathered Bronze color palette (#ECF9F0, #A3AD7A, #817236, #6B4A20, #25443F)
- Antique Chestnut Cabin color palette (#F9E6D8, #BF7B45, #904100, #601C00, #1E0E00)
- Softworn Plum Basin color palette (#FBEFEB, #DAA2A6, #A6603E, #B12646, #180A03)
- Fern Ridge color palette (#F1E8C8, #5D6914, #393900, #1D1800, #010200)
- Wandering Mulberry Terrace color palette (#FCEEEC, #D1AA8F, #7C3E55, #460F27, #160807)
- Lagoon Chapel color palette (#FEECF5, #827DBF, #00896E, #005D66, #28111F)
Browse the whole catalog at Explore, or see today's palette.