Cocoa Study color palette — #FFF3E7 · #ECD5B9 · #CAB196 · #A78C76 · #604100

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Wheat (#ECD5B9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#CAB196): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A78C76): A luminous, dusty gold — the color of old brass.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Antique Ridge color palette (#FFF1F5, #C9EFE8, #CBA784, #9E6C5B, #30453B)
• Bronze Lantern color palette (#F6E2CB, #AD8A42, #946200, #6F4000, #100A00)
• Marigold Delta color palette (#FFECCC, #D8C982, #BFA049, #9D7938, #38352F)
• Tempered Lagoon color palette (#EFF9EB, #77D7C6, #A1B6E3, #A39B67, #354130)
• Ancient Station color palette (#FCEDF2, #ABC2AB, #A2794F, #704B5C, #233025)
• Mint Drift color palette (#F5F6EC, #9EC98B, #D88D8C, #AE7D58, #35322C)
• Hushed Stone Field color palette (#F7EFDA, #B6B76D, #9A904A, #7F6922, #222700)
• Wandering Turquoise color palette (#F0F7F2, #9FEDF7, #93BBE6, #65BAC5, #332B34)

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