Cocoa Studio color palette — #ECE1EF · #A76761 · #734300 · #002923 · #000102

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

The five colors

• Blush (#ECE1EF): A whisper-light, dusty pink — the color of a candy shop window.
• Mocha (#A76761): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#734300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#002923): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000102): quiet, heavy and certain.

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

• Tempered Terracotta Workshop color palette (#FFE4EB, #9A5149, #5E3800, #002A25, #03121E)
• Garnet Market color palette (#E4E4F2, #87769B, #762F33, #162F00, #000502)
• Amber Delta color palette (#F2DAC5, #BC6E10, #5F3300, #1D251E, #0F0500)
• Rust Cabin color palette (#FFE3E5, #BD4132, #632200, #291100, #020100)
• Fern Dune color palette (#FFEBDF, #668366, #525910, #002431, #000013)
• Ancient Chestnut Field color palette (#EAEAFF, #A66E81, #875921, #174660, #001726)
• Rust Lantern color palette (#F5DBE8, #AA4A00, #005D7D, #491C00, #000103)
• Feathered Aubergine color palette (#FCDDC9, #824000, #005344, #3D007D, #030100)

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