Worn Cocoa color palette — #FEEEE9 · #DFD7C7 · #A6A6B0 · #AF7F92 · #5E2401

A conversation between Espresso and Dusty Rose, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FEEEE9): bright and airy, almost weightless.
• Bone (#DFD7C7): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#A6A6B0): a calm mid-gray that lets other colors speak.
• Dusty Rose (#AF7F92): A luminous, dusty rose — the color of pressed rose petals.
• Espresso (#5E2401): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Worn Cocoa 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 Driftwood color palette (#FCEEF0, #E3D4CC, #A5B59D, #8E7CB1, #4A3031)
• Dusty Driftwood Harbor color palette (#FDEFE4, #DDDAC4, #BBC7A0, #BE7E75, #522C00)
• Worn Cocoa Courtyard color palette (#FFF2EF, #E1DBCF, #CBACD8, #A9ABB5, #773E15)
• Patina Terrace color palette (#F9F0E5, #C5BAA5, #987E57, #744F30, #322C19)
• Tempered Garnet color palette (#FFE3D7, #AF7F5F, #836100, #640028, #070100)
• Antique Pine color palette (#F7EBD1, #929D68, #458D4F, #512E00, #080800)
• Denim Lantern color palette (#FAF0E7, #B88966, #3D909D, #4B5C8D, #2E1F12)
• Plum Villa color palette (#FFEEE5, #E6DAAF, #D7BE74, #BF3D56, #491E02)

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