Softworn Cocoa color palette — #F4E2EC · #873600 · #004A5A · #4C0024 · #220A19

A conversation between Rust and Espresso, giving this palette its sense of trust and stability.

The five colors

• Blush (#F4E2EC): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#873600): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#004A5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#4C0024): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#220A19): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged jewel, vibrant, muted, warm.

Use it as a design system

One click turns Softworn 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

• Chalky Rust color palette (#EEDBE5, #A64900, #004D68, #570031, #3B0003)
• Feathered Aubergine color palette (#FBE6ED, #754300, #004D33, #360062, #270A17)
• Aged Onyx color palette (#E2F3E7, #6A5300, #004852, #480032, #001507)
• Inked Onyx Delta color palette (#DEEBDD, #5A3800, #003446, #35000C, #0A0400)
• Aged Mulberry Study color palette (#EFE4F1, #A91249, #004A20, #34006E, #1B0A1E)
• Aubergine Quarry color palette (#EEDFC8, #805700, #004B5F, #2B0D63, #0B0100)
• Fern Thicket color palette (#DBF9F4, #297000, #004D70, #5C0012, #061D00)
• Softworn Aubergine color palette (#D8F2D9, #9F6B00, #006478, #483683, #200821)

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