Softworn Cocoa color palette — #EFD9D5 · #9F6768 · #812E14 · #2A2200 · #030400

Rust takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#EFD9D5): A whisper-light, dusty orange — the color of toasted spice.
• Mocha (#9F6768): A full-bodied, dusty red — the color of a theater curtain.
• Rust (#812E14): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#2A2200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Worn Thicket color palette (#F5E2FB, #A3739A, #832B58, #401D00, #040200)
• Linen Field color palette (#FDD4D0, #DF4D4F, #81001B, #111309, #180002)
• Pewter Courtyard color palette (#E4EBFC, #845186, #5C3429, #00292B, #00121B)
• Tempered Station color palette (#F1EAFE, #AB6F8D, #8C5C51, #074F48, #001412)
• Amber Lagoon color palette (#F3DDD3, #C78543, #7B5800, #0C3D1A, #000905)
• Brick Veranda color palette (#FFE6DD, #B9313F, #525B00, #570011, #010100)
• Deep Delta color palette (#F7E6EE, #B42073, #6B0036, #2E000D, #040000)
• Airy Mulberry Ridge color palette (#FCE1D7, #A10021, #584300, #4E0064, #040000)

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