Worn Cocoa color palette — #FFF2EF · #E4CCBB · #BDB192 · #A28CA1 · #684958

Built around Charcoal Brown, softened by Stone — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Oat (#E4CCBB): A whisper-light, dusty gold — the color of honey in a jar.
• Stone (#BDB192): A luminous, dusty gold — the color of afternoon light on wheat.
• Heather (#A28CA1): A luminous, dusty pink — the color of a candy shop window.
• Charcoal Brown (#684958): A full-bodied, dusty rose — the color of pressed rose petals.

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

• Softworn Stone color palette (#FFF1F3, #E8CBB2, #D0AF94, #7D9A8C, #354F45)
• Oat Studio color palette (#FFE6CC, #CBCF8F, #7BBAA1, #947799, #5F4265)
• Timeworn Taupe color palette (#FFEDF3, #ADCEB5, #A9A372, #497C7F, #3D5459)
• Lagoon Station color palette (#EEE6D5, #92B087, #1D9D9C, #875165, #402015)
• Quiet Moss color palette (#FCEBE7, #DAB177, #96A549, #7A76BF, #4F2A61)
• Weathered Powder color palette (#FFF3E4, #E5B566, #7AB8FF, #B695D3, #3C3731)
• Olive Harbor color palette (#F0D9D7, #C68A4B, #708633, #4C4F82, #1B1C3D)
• Worn Marigold color palette (#FBD6BE, #F7B278, #D99800, #9B862D, #46453E)

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