Softworn Cocoa color palette — #DDFEEF · #9CB5AD · #957891 · #795358 · #6F370C

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

The five colors

• Honeydew (#DDFEEF): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#9CB5AD): A luminous, dusty teal — the color of sea glass.
• Heather (#957891): A luminous, dusty pink — the color of peonies in June.
• Coffee (#795358): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#6F370C): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Cocoa Study color palette (#FFF0FB, #CCAEBF, #A1808C, #89545D, #7D4022)
• Dusty Cocoa color palette (#DDF8E3, #A1BEAF, #658E82, #7D5765, #69434A)
• Wandering Chestnut color palette (#E5EBD4, #A0BCA5, #638F83, #865120, #393630)
• Washed Cocoa color palette (#FFE4EA, #B2898D, #90546F, #6E3706, #393600)
• Weathered Ash color palette (#D9FDFF, #A9D5EA, #839DBE, #8D6674, #445546)
• Petrol Loft color palette (#E8FAF4, #76A4CF, #BB6B9A, #006AAC, #612E4D)
• Softworn Balcony color palette (#F9F5E7, #B6B18E, #637D4A, #426346, #4C4300)
• Frosted Chapel color palette (#E9F0FF, #918ECF, #8065A4, #8B1840, #662C2A)

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