Cocoa Study color palette — #EDEDFC · #AB9FC5 · #847391 · #6D3610 · #162B15

Bronze takes the lead with Mauve close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#EDEDFC): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#AB9FC5): A luminous, dusty violet — the color of wild irises.
• Slate (#847391): A full-bodied, dusty violet — the color of twilight just after sunset.
• Bronze (#6D3610): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#162B15): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Worn Cocoa color palette (#DAE2F9, #9699C2, #86668B, #743C39, #3D2132)
• Spruce Courtyard color palette (#ECDBEE, #B196AB, #866979, #2D5947, #1D3006)
• Abyss Grove color palette (#F0EEFF, #C2B6D5, #917B9B, #714F5D, #234329)
• Fern Lagoon color palette (#C9E8DB, #C39EB6, #8B618D, #5B5500, #394700)
• Washed Workshop color palette (#F8DEE6, #D0898D, #9F5341, #4B3F00, #222800)
• Aged Cocoa color palette (#FED8EB, #C6ACD9, #A483A2, #875A52, #6A3800)
• Pewter Balcony color palette (#F4E3EF, #98627A, #713F47, #452C00, #161100)
• Tempered Olive Terrace color palette (#EBF7FF, #BAD3F9, #AC88B2, #5A763F, #074649)

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