Worn Cocoa color palette — #F0E5EB · #C0D1C3 · #8DACA2 · #853E15 · #1E1119

Built around Bronze, softened by Taupe — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#F0E5EB): bright and airy, almost weightless.
• Oat (#C0D1C3): A whisper-light, dusty teal — the color of sea glass.
• Taupe (#8DACA2): A luminous, dusty teal — the color of glacier melt.
• Bronze (#853E15): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#1E1119): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Chestnut Workshop color palette (#F7EFF2, #CCDCDA, #9EC0B8, #925217, #261D21)
• Patina Cocoa color palette (#E7DEE1, #A3B9AE, #709691, #603900, #15050B)
• Patina Fern Loft color palette (#F2DBDF, #A87F91, #496C33, #513155, #201836)
• Hushed Moss color palette (#D9E8DE, #759A5D, #00654B, #4A2B4E, #001713)
• Olive Study color palette (#E9F5F2, #C9DAE4, #A0C6D6, #4F7930, #142A26)
• Sunlit Basin color palette (#D3E6D3, #BE523E, #514F00, #1E1F68, #1A0A00)
• Spruce Canyon color palette (#E4EDEA, #7D9292, #467381, #232F00, #000201)
• Lowlit Chestnut color palette (#D9F2DC, #704E00, #2D342B, #131E00, #000801)

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