Worn Cocoa color palette — #FFE7F4 · #E19EA9 · #A25C56 · #7D3818 · #5B3200

Rust and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFE7F4): A whisper-light, dusty pink — the color of neon signs at night.
• Ballet Pink (#E19EA9): A luminous, balanced red — the color of a theater curtain.
• Walnut (#A25C56): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#7D3818): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5B3200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Garnet Bloom color palette (#FAF1FF, #CA99BF, #9E597A, #822E42, #6E1812)
• Weathered Coral color palette (#F9F2FF, #FFBACB, #FF8A85, #C36E4D, #5F3500)
• Softworn Terracotta Coast color palette (#F6F2FF, #E5B1D4, #C97070, #9D4600, #503B00)
• Softworn Hollow color palette (#FFF2ED, #DEA998, #A6754C, #7D5718, #5B4A00)
• Dusty Blush color palette (#FFF4E2, #C87E95, #945843, #005C47, #51352D)
• Dusty Pewter Chapel color palette (#FCF3F2, #E1D9D1, #C6BEB2, #9A6078, #514443)
• Gentle Meadow color palette (#FFE1D6, #EB821B, #8E6500, #554900, #343C00)
• Washed Rust Study color palette (#F3E0D9, #AA5253, #4F2500, #2C1A14, #120B06)

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