Cocoa Study color palette — #F9F1E1 · #B2AD85 · #827446 · #6F3E0E · #21250E

Bronze takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F1E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#B2AD85): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#827446): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#6F3E0E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#21250E): 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 Study 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

• Bronze Drift color palette (#FBF4E8, #A9AB7D, #847126, #6F4800, #453E00)
• Washed Chestnut Alley color palette (#E7E0CD, #9D9B70, #706524, #5A3400, #141B01)
• Patina Thicket color palette (#EDF9F0, #B7C594, #A38E4A, #846044, #2B4240)
• Terracotta Thicket color palette (#EEE1D9, #B4833D, #953B00, #690025, #151200)
• Wandering Corridor color palette (#F7EFF5, #A2B2DF, #A4623C, #455BB8, #180B03)
• Moonless Thicket color palette (#EEDDCB, #625100, #3E2200, #230100, #010100)
• Aged Cocoa color palette (#F7E1D4, #94672F, #742700, #47001A, #070500)
• Worn Garnet Orchard color palette (#E4EBFF, #B7A8DE, #9E5F8E, #8D002F, #3D1800)

Browse the whole catalog at Explore, or see today's palette.