Worn Cocoa color palette — #F3DBE9 · #A57D56 · #863C1A · #56171F · #140D00

Burnt Sienna takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F3DBE9): A whisper-light, dusty pink — the color of neon signs at night.
• Caramel (#A57D56): A luminous, dusty gold — the color of afternoon light on wheat.
• Burnt Sienna (#863C1A): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#56171F): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#140D00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Sunlit Garnet Canyon color palette (#F1D7E5, #A77D63, #873D16, #661600, #381C00)
• Worn Chestnut color palette (#DFF5DF, #93874D, #734C00, #512100, #0C1000)
• Aged Cocoa color palette (#FAE1E9, #866E34, #623800, #411000, #060600)
• Muted Harbor color palette (#FFF2EA, #E0A379, #A36445, #6B3525, #1F0D00)
• Hushed Garnet Parlor color palette (#F2D8E4, #82A283, #8B5630, #642922, #001E10)
• Tempered Delta color palette (#F0EAFA, #BC64AB, #9F1E4F, #5D0105, #1B0A00)
• Dusty Taupe Drift color palette (#EAF6EA, #B5AC80, #5E7F60, #633F53, #0D2821)
• Aged Driftwood color palette (#FAEEF5, #D2B0BE, #99778D, #645066, #213024)

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