Cocoa Studio color palette — #FFF2EB · #E2D8C8 · #CCC2AA · #BB97A0 · #793D1E

A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E2D8C8): A whisper-light, dusty gold — the color of honey in a jar.
• Stone (#CCC2AA): A luminous, dusty gold — the color of honey in a jar.
• Dusty Rose (#BB97A0): A luminous, dusty red — the color of embers at dusk.
• Bronze (#793D1E): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

One click turns Cocoa Studio 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

• Wandering Bloom color palette (#F8DBB9, #CBC7A0, #92AA90, #A5746D, #713516)
• Timeworn Fern Orchard color palette (#F6F5EE, #D7E3C5, #9EC0A0, #BA8D8A, #415612)
• Ancient Chapel color palette (#EBFAEF, #C0DED3, #93ADAC, #76849C, #4C4E66)
• Weathered Ash Pier color palette (#F1F8E8, #9AD7BA, #CAB1E6, #CC8CBB, #354B03)
• Timeworn Oat color palette (#FFEBF6, #AAD2BB, #729698, #6C687E, #3C3A47)
• Hushed Delta color palette (#EDF0CD, #959964, #3E897F, #972D0D, #1C1B00)
• Antique Mulberry Dune color palette (#F5EFD8, #A8A972, #698D66, #963B66, #361E00)
• Airy Aubergine Atelier color palette (#FBE4D3, #A37E60, #726625, #672B78, #2A0001)

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