Cocoa Study color palette — #FFE5DB · #C6AD9A · #8E896F · #6B4864 · #602407

Built around Rust, softened by Charcoal Brown — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#FFE5DB): A whisper-light, dusty orange — the color of toasted spice.
• Rosewood Mist (#C6AD9A): A luminous, dusty gold — the color of honey in a jar.
• Driftwood (#8E896F): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#6B4864): A full-bodied, dusty pink — the color of neon signs at night.
• Rust (#602407): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Muted Thicket color palette (#FDEFE3, #D5C6AE, #949B83, #795853, #5E3200)
• Cocoa Atelier color palette (#F5EACE, #AEAA8F, #61795F, #6C3A1B, #342703)
• Hushed Aubergine color palette (#F0EAD5, #A89A6A, #72661F, #5D1A6B, #4E0103)
• Worn Pewter color palette (#FBE8F8, #B6D0BA, #7BA9A2, #816F8F, #554B5C)
• Driftwood Quarry color palette (#EDF0DB, #6A8A5A, #185960, #4A2A00, #151600)
• Dusty Olive color palette (#F9E0B8, #ADA766, #5F8C3A, #005E38, #00362D)
• Muted Forest color palette (#F9EFED, #CFE2D0, #5997B0, #2C6E3F, #3A213C)
• Timeworn Pine Atelier color palette (#F1F4E4, #87B181, #AC76B8, #19790F, #351B3B)

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