Softworn Cocoa color palette — #FEE8EF · #B08DB0 · #815757 · #703B1F · #523000

Built around Bronze, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FEE8EF): A whisper-light, dusty rose — the color of pressed rose petals.
• Dusty Rose (#B08DB0): A luminous, dusty pink — the color of a candy shop window.
• Graphite (#815757): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#703B1F): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#523000): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, 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 Chestnut color palette (#FCDCE4, #BF979A, #9D6A80, #7A471D, #454313)
• Hushed Garnet Coast color palette (#E7EEFF, #9295C3, #6E608B, #6F3242, #4E2B11)
• Hushed Mulberry Coast color palette (#FFDDE4, #A3777A, #80475D, #542B00, #272600)
• Basalt Pier color palette (#D4E9F0, #7993B6, #6F5481, #3C3E00, #002106)
• Ancient Bronze Station color palette (#FFF2EE, #D9C1B5, #A18E80, #817127, #4E4F00)
• Periwinkle Orchard color palette (#D5E9F3, #90A3DA, #9775A1, #3A6A5A, #394015)
• Aged Grove color palette (#F7D7D1, #8E5B40, #59390F, #102200, #000F0C)
• Muted Aubergine color palette (#F3D5E1, #8B69C4, #B73805, #5E00A9, #4D1100)

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