Softworn Cocoa color palette — #ECDACF · #9A5E35 · #732C00 · #460B00 · #070200

Built around Rust, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Bone (#ECDACF): A whisper-light, dusty gold — the color of old brass.
• Ochre (#9A5E35): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#732C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#460B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#070200): 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

• Nocturne Bronze Drift color palette (#FEE5D5, #9B6519, #682200, #2A000C, #020100)
• Ancient Bronze color palette (#FFEDD3, #866B00, #5A4000, #341F00, #040300)
• Timeworn Bronze Parlor color palette (#FEEBD8, #BE9761, #A06100, #753C00, #322002)
• Garnet Orchard color palette (#F5EED9, #555300, #650043, #370100, #030100)
• Amber Hollow color palette (#FFEAD9, #DFA771, #C86900, #8F4C29, #492F09)
• Dusty Ridge color palette (#DAE3D8, #00867F, #004B69, #00423D, #000201)
• Nightshade Villa color palette (#DCF6DE, #005F62, #3805BE, #420054, #000202)
• Aged Delta color palette (#FDF5E1, #C1C28F, #9C914B, #7A6732, #3F3D36)

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