Softworn Cocoa color palette — #F5DACA · #9A5E31 · #772700 · #4B0009 · #070200

A conversation between Rust and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F5DACA): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#9A5E31): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#772700): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#4B0009): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#070200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Timeworn Bronze color palette (#F9E3CA, #896A00, #5F3D00, #3B1A00, #040300)
• Obsidian Meadow color palette (#EFD9CD, #7F4B00, #511300, #27000D, #050300)
• Linen Terracotta Harbor color palette (#EFDFE9, #AD713B, #9E3B16, #6B222F, #060300)
• Dusty Chestnut Lantern color palette (#F7E9D4, #9A8D42, #7A5B00, #583300, #161800)
• Softworn Bronze color palette (#F9E9D9, #BC985F, #A45E00, #763A1C, #2F2103)
• Eclipse Garnet Delta color palette (#D6E5DE, #005A7B, #85001C, #352600, #000204)
• Dusty Bronze color palette (#DFF1E7, #936E00, #003140, #0F151C, #00070C)
• Ancient Amber color palette (#FFEADB, #DCA974, #CE6400, #904939, #39352F)

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