Softworn Cocoa color palette — #F1F0FF · #D8AFCF · #A66F84 · #813F46 · #4D1307

A conversation between Coffee and Espresso, giving this palette its sense of warmth and comfort.

The five colors

• Blush (#F1F0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Carnation (#D8AFCF): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#A66F84): A luminous, dusty rose — the color of pressed rose petals.
• Coffee (#813F46): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#4D1307): A deep, shadowed, balanced orange — the color of autumn markets.

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

• Soft Terracotta color palette (#FFF0FA, #CDB7E2, #A46C88, #923B3A, #6A3400)
• Patina Coast color palette (#FBECFF, #EBB6B1, #AA7663, #76481A, #402B00)
• Hushed Onyx Chapel color palette (#ECF2FF, #BCB9E5, #927DB1, #6B4671, #490A34)
• Antique Terracotta Dune color palette (#ECDBE3, #D1617B, #A22325, #531D00, #1D0C00)
• Aged Garnet color palette (#FFF1F4, #F2C1C6, #CD8AA3, #A44F5D, #7A2B22)
• Tempered Lagoon color palette (#E5F8E8, #C39DC0, #9E666F, #2A5C55, #31273B)
• Rust Terrace color palette (#F7DBDD, #C74939, #712D00, #311900, #0B0600)
• Linen Pier color palette (#F4D9ED, #F177A8, #BE3351, #781700, #341500)

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