Cocoa Study color palette — #F9EAF5 · #A2707C · #6C392D · #00250F · #000403

Cocoa and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9EAF5): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#A2707C): A luminous, dusty red — the color of late-summer berries.
• Cocoa (#6C392D): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#00250F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000403): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Antique Hollow color palette (#FEE5E3, #B4744D, #584515, #002124, #000204)
• Antique Garnet Loft color palette (#F6D7DA, #954F66, #601E09, #002A13, #011501)
• Midnight Garnet Studio color palette (#D2E4FF, #6C527C, #5F2628, #001D2A, #000509)
• Terracotta Veranda color palette (#E4EEFD, #89769D, #934D53, #065074, #001624)
• Linen Ember Loft color palette (#FFE4DD, #DB573F, #7C0D00, #190200, #040000)
• Plum Corridor color palette (#EEDCE4, #C22667, #750029, #280001, #030000)
• Timeworn Taupe Chapel color palette (#F4D7D8, #D8997D, #846D3C, #004747, #001724)
• Worn Onyx Pier color palette (#D6E8D8, #877B34, #384100, #240941, #020100)

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