Cocoa Study color palette — #FCE8F9 · #AB7E7E · #8C5563 · #583300 · #281C00

Cocoa takes the lead with Pewter close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FCE8F9): A whisper-light, dusty pink — the color of peonies in June.
• Caramel (#AB7E7E): A luminous, dusty red — the color of embers at dusk.
• Pewter (#8C5563): A full-bodied, dusty red — the color of a theater curtain.
• Cocoa (#583300): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#281C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Dusty Garnet Quarry color palette (#F2DFE8, #9C87B0, #83575F, #6D2824, #341000)
• Muted Basalt Drift color palette (#F2E1E1, #AE8E7E, #7E563E, #3D4000, #0E2400)
• Worn Cocoa Parlor color palette (#F2D5E3, #9F6877, #794240, #412E00, #151200)
• Timeworn Pier color palette (#F9E8E8, #BF9A93, #A9664D, #654400, #2E2800)
• Antique Driftwood Study color palette (#E9DAF4, #C49AC0, #A16888, #7D4D30, #2A4128)
• Timeworn Fern color palette (#DBFFED, #D6B0C9, #A878A4, #365E23, #002C26)
• Dusty Bronze color palette (#FDD8BF, #CBA483, #97752D, #38633E, #003524)
• Faded Studio color palette (#FEE6E8, #AF5CA1, #935E00, #79006C, #1C0E00)

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