Worn Cocoa color palette — #F3D6E3 · #C69CA8 · #90646A · #693729 · #3A1E02

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

The five colors

• Shell Pink (#F3D6E3): A whisper-light, dusty rose — the color of a warm blush.
• Mauve (#C69CA8): A luminous, dusty rose — the color of pressed rose petals.
• Pewter (#90646A): A full-bodied, dusty red — the color of a theater curtain.
• Cocoa (#693729): A deep, shadowed, dusty orange — the color of autumn markets.
• Espresso (#3A1E02): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Warmth, Comfort, Sophistication. Tagged vintage, retro, 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

• Worn Thicket color palette (#F3E1E7, #C0848B, #AA5246, #564300, #232400)
• Washed Balcony color palette (#CDF7EC, #B593B1, #876178, #6D3E56, #452019)
• Softworn Dune color palette (#FFDCE4, #D1AAAF, #A87C79, #85511E, #38332E)
• Ash Station color palette (#DADFFC, #B8B6D8, #AF7EA9, #8E594C, #593548)
• Muted Mulberry color palette (#F2E6FA, #947394, #7E3D63, #471D00, #190B00)
• Washed Fern Balcony color palette (#FFE1D3, #D29A7E, #A37950, #3E6200, #063D1A)
• Ancient Ash Lantern color palette (#CAE5FB, #909DCA, #776D92, #305B52, #13424A)
• Timeworn Pewter color palette (#E0FFE4, #B4DAD0, #A698CA, #706B2B, #1F4929)

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