Softworn Cocoa color palette — #FFF2EF · #E096A5 · #7E4222 · #362724 · #150D0D

Bronze and Ballet Pink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#E096A5): A luminous, balanced red — the color of a theater curtain.
• Bronze (#7E4222): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#362724): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#150D0D): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Timeworn Bronze color palette (#FFEDEA, #E4A1B1, #A56D3E, #654E4A, #271F21)
• Hushed Amber Studio color palette (#FFF3E5, #C89249, #594200, #251D12, #0A0402)
• Lowlit Chestnut Basin color palette (#EBDFD4, #8C4E00, #273430, #1A1100, #020100)
• Wandering Raspberry Loft color palette (#F3E9F7, #B9647D, #4C3240, #241A27, #0D0C10)
• Ancient Market color palette (#EADFCA, #62636C, #644800, #161C16, #060600)
• Rose Canyon color palette (#FFF2EC, #FF3F37, #5B2F00, #260D03, #050100)
• Softworn Sand color palette (#FFF2EA, #FFB996, #7FCDB0, #9F9CCB, #3D3732)
• Deep Rust Corridor color palette (#F7E0D4, #C94200, #381D00, #0F1C16, #0A0200)

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