Softworn Cocoa color palette — #FED9EB · #AA7C3A · #7A3800 · #460004 · #020100

Bronze takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#FED9EB): A whisper-light, dusty rose — the color of strawberry cream.
• Caramel (#AA7C3A): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#7A3800): A full-bodied, balanced gold — the color of old brass.
• Espresso (#460004): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Washed Bronze color palette (#DFF7DE, #9B851E, #6A4500, #3A1500, #010100)
• Amber Balcony color palette (#FFD9E9, #BF9138, #8E4C00, #600D00, #000502)
• Weathered Mustard Station color palette (#FFF1F6, #E9B118, #B56900, #892400, #1B1900)
• Softworn Bloom color palette (#CDEBE0, #586800, #840075, #3B2100, #010100)
• Olive Delta color palette (#DDFFEE, #A0BF7B, #7F7A00, #5C4000, #001715)
• Amber Field color palette (#FFF0F8, #EBBE8C, #BE754E, #7F4544, #122719)
• Deep Amber Corridor color palette (#D6EAED, #D37000, #00342A, #060C0F, #000201)
• Worn Canyon color palette (#E5FCED, #CADA80, #AB9000, #855300, #172F10)

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