Cocoa Study color palette — #FAE6EB · #9B676B · #82402E · #393000 · #131600

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

The five colors

• Rose Water (#FAE6EB): A whisper-light, dusty red — the color of embers at dusk.
• Mocha (#9B676B): A full-bodied, dusty red — the color of a theater curtain.
• Coffee (#82402E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#393000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#131600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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 Atelier color palette (#F7E1D9, #9E663D, #674600, #13350F, #001408)
• Muted Grove color palette (#EDD8F5, #96658D, #83395F, #472508, #1D1000)
• Wandering Cocoa Garden color palette (#E9ECFF, #966E87, #703B20, #002321, #000303)
• Softworn Driftwood Ridge color palette (#F1DFF1, #AF6F8E, #8C5A56, #204F21, #001612)
• Amber Villa color palette (#F5E5E0, #CF9689, #BA7149, #595D31, #33332C)
• Bronze Villa color palette (#F3DBD3, #C88B63, #986000, #2F5616, #02331A)
• Patina Scarlet Lantern color palette (#FFEAE8, #CB4848, #8C0013, #3F0005, #070000)
• Wandering Bronze color palette (#F8EEDB, #827604, #464900, #500F21, #070600)

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