Softworn Cocoa color palette — #FBDCE8 · #A4676C · #873120 · #251D00 · #000201

A conversation between Rust and Mocha, giving this palette its sense of sophistication.

The five colors

• Shell Pink (#FBDCE8): A whisper-light, dusty rose — the color of a warm blush.
• Mocha (#A4676C): A full-bodied, dusty red — the color of late-summer berries.
• Rust (#873120): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#251D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000201): quiet, heavy and certain.

Feels like: 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

• Cocoa Basin color palette (#FEE6F5, #A96E4A, #6B4500, #0F2400, #000303)
• Mulberry Basin color palette (#E5DEEB, #936E96, #732A5A, #3E1600, #020100)
• Nocturne Garnet color palette (#FAE8FD, #874A66, #63211E, #041B00, #000302)
• Weathered Scarlet Garden color palette (#FFDFDE, #D94C4F, #830014, #1E0002, #040000)
• Washed Pewter color palette (#DCE9F8, #7D5B99, #623131, #00252B, #010E1A)
• Hushed Chapel color palette (#E6E0F6, #BC6591, #87594B, #104F47, #001A1E)
• Brick Veranda color palette (#F0E4EF, #C12238, #525B00, #570010, #010100)
• Aged Amber color palette (#EBDBD1, #C3893A, #7C6000, #003B19, #000805)

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