Cocoa Study color palette — #FFF2EF · #E1D8CF · #DCBC8C · #956B72 · #75361F

Rust and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1D8CF): bright and airy, almost weightless.
• Sand (#DCBC8C): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#956B72): A full-bodied, dusty red — the color of embers at dusk.
• Rust (#75361F): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged pastel, 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 Stone color palette (#FFEDEC, #E5D7BE, #C9C798, #9C7283, #462F27)
• Timeworn Harbor color palette (#FFF2EC, #DFDDCD, #A6BFD7, #A6817C, #79460F)
• Tempered Cocoa color palette (#FFF3E6, #B8A579, #91693F, #7A4018, #3F3D36)
• Washed Straw Delta color palette (#FFF2EB, #FFE197, #98BE7D, #A65E5B, #4B4640)
• Cocoa Study color palette (#FFF1E3, #CAC785, #6AA67B, #833F39, #35312B)
• Washed Pier color palette (#FFEEED, #FFBE8E, #C0AA00, #923575, #5E2C1A)
• Ash Garden color palette (#FCF1FF, #E9D7D8, #B6E1C6, #9D85B5, #574156)
• Faded Apricot color palette (#FEF3EC, #F29267, #2B8158, #904927, #212715)

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