Softworn Cocoa color palette — #E4EBFC · #9B6C93 · #743A26 · #002E2B · #000202

Bronze and Heather set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#E4EBFC): A whisper-light, dusty violet — the color of twilight just after sunset.
• Heather (#9B6C93): A full-bodied, balanced pink — the color of neon signs at night.
• Bronze (#743A26): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#002E2B): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged vintage, retro, muted.

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

• Aged Onyx color palette (#ECEAFA, #9C6D80, #633E1E, #051B4A, #00010F)
• Cobalt Station color palette (#C2E5F0, #6F7FBE, #743E61, #002509, #000300)
• Antique Garnet Boulevard color palette (#F6E3F2, #78547E, #6E0210, #002426, #001404)
• Hushed Fern Basin color palette (#F1DBF7, #AD7594, #945C56, #2F5A1F, #00150F)
• Chalky Scarlet Harbor color palette (#F9E4E5, #D14A4F, #7C0022, #1E1608, #120000)
• Hushed Amber Quarry color palette (#F9DEED, #C9796B, #685D0F, #133058, #000C25)
• Moonless Garden color palette (#EDDDF8, #B039A6, #75003C, #280004, #030100)
• Mulberry Studio color palette (#EDD9D9, #9F0031, #00524E, #003A38, #040000)

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