Softworn Cocoa color palette — #F4D4E2 · #AB6F71 · #734625 · #00392E · #00141C

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

The five colors

• Shell Pink (#F4D4E2): A whisper-light, dusty rose — the color of pressed rose petals.
• Mocha (#AB6F71): A luminous, dusty red — the color of embers at dusk.
• Bronze (#734625): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#00392E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00141C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Fern Meadow color palette (#F9D8CD, #956C42, #5F5506, #003846, #000F29)
• Driftwood Archive color palette (#F4EBFF, #A06D97, #73464D, #263100, #001809)
• Timeworn Boulevard color palette (#ECE8FF, #9B7086, #824520, #003C58, #00283C)
• Dusty Chestnut Quarry color palette (#EED9DA, #97533A, #53390A, #002827, #000A10)
• Muted Taupe Market color palette (#FFE9F2, #C2807A, #906243, #00523F, #002C30)
• Muted Harbor color palette (#E9EBFF, #D38DB2, #9B683B, #0E4760, #001825)
• Timeworn Pier color palette (#F7E6DB, #C05D08, #763500, #290F00, #030100)
• Softworn Station color palette (#F7D6DB, #BC3547, #890B00, #451700, #110500)

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