Cocoa Study color palette — #FFEEE2 · #F4C4AC · #AB7957 · #70421F · #2F1600

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

The five colors

• Cream (#FFEEE2): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#F4C4AC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Caramel (#AB7957): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#70421F): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2F1600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

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 Courtyard color palette (#FFEDEA, #EFB9C6, #A86E78, #743B46, #330E0A)
• Driftwood Atelier color palette (#FDF1D4, #D9CE99, #87854B, #545217, #221D00)
• Amber Terrace color palette (#F5EACC, #BB8D28, #6C4F00, #372600, #060300)
• Dusty Basin color palette (#FEEEE6, #DDDBC5, #B6CBAC, #A77B70, #5B3300)
• Weathered Bronze Loft color palette (#FFF1F6, #FAD2B5, #C7926D, #99582D, #542F12)
• Soft Marigold color palette (#FFF0D5, #E3A100, #975F00, #503700, #1B0D00)
• Wandering Taupe Basin color palette (#FBF0E3, #B78B5A, #7E7CAF, #6C537A, #2B2014)
• Marigold Loft color palette (#EBEDFF, #88D7FF, #FBA551, #39332E, #1F1913)

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