Worn Cocoa color palette — #FFEEF4 · #ECC2ED · #E8A0BF · #BB7C83 · #793E1B

A conversation between Bronze and Carnation, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#FFEEF4): a clean, paper-quiet neutral.
• Thistle (#ECC2ED): A whisper-light, dusty pink — the color of neon signs at night.
• Carnation (#E8A0BF): A luminous, balanced rose — the color of a warm blush.
• Dusty Rose (#BB7C83): A luminous, dusty red — the color of embers at dusk.
• Bronze (#793E1B): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged light, muted, warm.

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

• Softworn Parlor color palette (#FEE9FF, #CACFFF, #C2A8E8, #A97EA4, #674443)
• Antique Peony Lantern color palette (#E8EBFF, #DDA8D8, #C06895, #894D4F, #432A3B)
• Softworn Apricot color palette (#FFF1F1, #FFBEC5, #E49D86, #B88D63, #664900)
• Dusty Taupe color palette (#F5F3FF, #E4B2D6, #CD8DAA, #9F6474, #5B445B)
• Wandering Taupe color palette (#FFF1F1, #F7C4DD, #8DD7CF, #D192B2, #3E543A)
• Weathered Coral Quarry color palette (#FFE2F2, #FF9AA7, #E77A62, #AA5A0F, #4F3800)
• Muted Delta color palette (#FFF2EF, #F3B3C0, #82CEC2, #64B0C1, #523C38)
• Aged Chestnut color palette (#EFF6FF, #A8E8FF, #FFC2BF, #915037, #3B3330)

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