Cocoa Study color palette — #F5EDE5 · #BFB0A0 · #9F8A6C · #653600 · #140700

Bronze takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F5EDE5): a clean, paper-quiet neutral.
• Rosewood Mist (#BFB0A0): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#9F8A6C): A luminous, dusty gold — the color of old brass.
• Bronze (#653600): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#140700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Worn Thicket color palette (#EDE1DD, #C5ADA4, #A98471, #80042D, #160603)
• Dusty Corridor color palette (#E5DFD7, #A79F8F, #917931, #473200, #080300)
• Patina Cocoa color palette (#FAEBF2, #A9C0AC, #779688, #6D3100, #271B21)
• Timeworn Chestnut color palette (#F5F1EA, #DDD3B8, #A8B27B, #6D5900, #221805)
• Hazy Amber color palette (#F9E8D0, #E28000, #9F7000, #5B5400, #080400)
• Fern Canyon color palette (#F1EDDC, #7A7D43, #385714, #003736, #00151B)
• Worn Chestnut color palette (#FAEACE, #845C00, #443C00, #00251C, #080500)
• Wandering Cocoa Chapel color palette (#E5DFD8, #BDB29E, #988C72, #5B3D00, #110902)

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