Worn Cocoa Study color palette — #FEE5E9 · #89584A · #5B3C0C · #002825 · #00080C

A conversation between Cocoa and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Rose Water (#FEE5E9): A whisper-light, dusty red — the color of a theater curtain.
• Coffee (#89584A): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#5B3C0C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#002825): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00080C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Worn 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

• Tempered Pewter color palette (#F3E9F5, #955477, #6A2C28, #132C00, #000F0B)
• Dusty Courtyard color palette (#E6DCEA, #A64E58, #6C4700, #002E47, #0E152E)
• Muted Coast color palette (#F8E0D0, #82641A, #414A00, #002636, #030034)
• Softworn Parlor color palette (#FCE4E3, #A52800, #632900, #311600, #080300)
• Weathered Chestnut Parlor color palette (#FFE0EF, #8D4400, #00506E, #441D00, #000306)
• Aubergine Terrace color palette (#FDDBE8, #6D3A00, #00493F, #3E0071, #030100)
• Muted Chestnut Lagoon color palette (#FFE0E7, #C1705F, #8B5400, #004C46, #002717)
• Dusty Navy Field color palette (#EAEBF9, #B680B0, #8C5740, #003061, #0A002B)

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