Cocoa Studio color palette — #ECE0FA · #9D626A · #724224 · #003623 · #001516

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#ECE0FA): A whisper-light, dusty violet — the color of wild irises.
• Mocha (#9D626A): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#724224): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Forest (#003623): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001516): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

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

• Antique Bronze Dune color palette (#F2E1EE, #9D6A41, #605419, #003740, #00162A)
• Worn Cocoa Study color palette (#FEE5E9, #89584A, #5B3C0C, #002825, #00080C)
• Softworn Garnet color palette (#E4E9FF, #7D7599, #70394A, #303500, #001C06)
• Bronze Harbor color palette (#FEE6F5, #B88288, #9F5635, #005E43, #002E30)
• Timeworn Pewter Lantern color palette (#DDEBFF, #BAA3D2, #945B5A, #00425D, #071739)
• Rust Garden color palette (#FFE2D6, #BC5D31, #7B2D00, #300C00, #030000)
• Weathered Plum color palette (#FFE9F0, #BC3851, #88001C, #401000, #140400)
• Aged Parlor color palette (#DAE8DD, #7B7D3D, #344D00, #39164E, #080800)

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