Softworn Cocoa color palette — #F2D6FF · #BA94B2 · #9A637A · #703800 · #261600

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

The five colors

• Thistle (#F2D6FF): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#BA94B2): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#9A637A): A full-bodied, dusty rose — the color of a warm blush.
• Bronze (#703800): A full-bodied, balanced gold — the color of old brass.
• Ink (#261600): A deep, shadowed, dusty gold — the color of old brass.

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

• Powdered Garnet Archive color palette (#E2EAFF, #B6A0DB, #91679A, #76292C, #2E0A00)
• Ancient Driftwood color palette (#ECDDF1, #B06D6B, #6E4234, #262400, #010200)
• Aged Terracotta Alley color palette (#E8E2F6, #BB819F, #8F4B59, #432700, #0D0800)
• Chestnut Studio color palette (#FFF0FB, #FCB6D6, #C57986, #7F5300, #392C00)
• Patina Iris color palette (#E5E6F6, #8A75B9, #664872, #5B2827, #372000)
• Muted Terrace color palette (#DDF4FF, #9A9ED2, #A075A0, #5C7048, #14310C)
• Apricot Market color palette (#FEF0FF, #F1D1EA, #D89472, #70733B, #354C14)
• Driftwood Pier color palette (#F6F3FF, #E5D4E0, #C3B0CB, #9E7754, #3F5844)

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