Cocoa Study color palette — #FFEEE2 · #C3A58A · #97694F · #733B12 · #301E09

Bronze and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#FFEEE2): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#C3A58A): A luminous, dusty gold — the color of old brass.
• Walnut (#97694F): A full-bodied, dusty gold — the color of old brass.
• Bronze (#733B12): A full-bodied, balanced gold — the color of old brass.
• Onyx (#301E09): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Dusty Cocoa color palette (#F2DCCC, #BA8E70, #875740, #5E2F22, #261300)
• Ancient Summit color palette (#FFEEE7, #D7A982, #7B4242, #3B1F15, #170804)
• Antique Cocoa Study color palette (#FFF0F8, #BF9CA7, #926751, #773F3F, #2B4433)
• Bronze Bloom color palette (#F8F0EC, #E79F89, #9D680F, #974C35, #160C02)
• Chestnut Pier color palette (#FFF0F8, #D4B3C1, #B58266, #98543E, #52323E)
• Aged Driftwood color palette (#E5DECA, #858D43, #5D5700, #3B3000, #110E00)
• Chestnut Basin color palette (#FFE7D6, #8B511A, #582600, #2F0A00, #030100)
• Softworn Driftwood Parlor color palette (#FFEDEA, #BD687F, #4E78A3, #4C4985, #2B120E)

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