Softworn Cocoa color palette — #FEE4FF · #CA94B6 · #986978 · #755131 · #5A4000

Bronze and Mauve set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#FEE4FF): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#CA94B6): A luminous, dusty pink — the color of a candy shop window.
• Mocha (#986978): A full-bodied, dusty rose — the color of strawberry cream.
• Coffee (#755131): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#5A4000): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Tempered Cocoa color palette (#EADAE5, #B98B9D, #8C5E62, #604100, #2A3A10)
• Bronze Summit color palette (#FFEBF5, #D3A59C, #AE6B50, #6B5B33, #4E4D1C)
• Weathered Lilac color palette (#FFD6F2, #B1A2E0, #8A6B9D, #7F4C50, #5F3F1D)
• Ancient Pier color palette (#FFD7E1, #CA9797, #A46741, #635E30, #43406C)
• Ancient Forest Villa color palette (#E0ECFB, #C89FB8, #92638A, #32652C, #003330)
• Chalky Amber Thicket color palette (#FFE3E1, #D67F60, #95653D, #465812, #004638)
• Hushed Blush color palette (#ECE5FF, #F1BFD7, #EE91A0, #AA834F, #2C4E38)
• Hushed Bronze Workshop color palette (#F6E5E3, #AB6654, #653A19, #283000, #001F16)

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