Softworn Cocoa color palette — #EFDEE6 · #9A6333 · #6B3100 · #401200 · #0B0400

Bronze and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#EFDEE6): A whisper-light, dusty rose — the color of pressed rose petals.
• Ochre (#9A6333): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#6B3100): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#401200): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0B0400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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 Atelier color palette (#F6DCCA, #9F680F, #6F3100, #520009, #1C1500)
• Muted Basalt color palette (#D8EFE1, #76753B, #4E4400, #2C2100, #050600)
• Airy Rust Grove color palette (#FDE0EF, #CD9065, #AA4A00, #782100, #2C1600)
• Feathered Garnet Station color palette (#FCDAEB, #BF9054, #944710, #63000D, #050400)
• Chestnut Parlor color palette (#F0D9E0, #84A186, #855B26, #5E3100, #011E0A)
• Hazy Mulberry Lantern color palette (#D2EEDE, #5E5200, #7A0055, #500015, #030200)
• Aged Chestnut Canyon color palette (#E8F6ED, #A6C3B4, #6A8C77, #67562E, #183228)
• Lagoon Courtyard color palette (#DCEAEE, #008A89, #00496D, #003F3E, #000103)

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