Softworn Cocoa color palette — #FFF2ED · #E0D9CE · #D5B3AB · #9DB6CD · #7D3F23

Built around Bronze, softened by Ash — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0D9CE): a clean, paper-quiet neutral.
• Rosewood Mist (#D5B3AB): A luminous, dusty orange — the color of sun-warmed clay.
• Ash (#9DB6CD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Bronze (#7D3F23): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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 Bloom color palette (#FFF4E1, #D9E2C2, #BCC0D2, #CBAF86, #5D4600)
• Aged Meadow color palette (#FFF3E7, #F5B370, #97C499, #B58BA5, #583400)
• Ancient Bronze Meadow color palette (#FEF3EB, #FED7A3, #C09375, #945F2E, #312A24)
• Apricot Terrace color palette (#FBD6CE, #F6844B, #CF7F2A, #A84C51, #1F0A00)
• Aged Lime color palette (#E7E0D2, #BCBE5A, #8DB64C, #906B00, #1E1B00)
• Frosted Chartreuse color palette (#F6F9CA, #CDF08B, #92E487, #B7A243, #353A0C)
• Softworn Seafoam Alley color palette (#9FF6FF, #69FDAE, #FECD4E, #6C6861, #34312B)
• Cocoa Workshop color palette (#FFF2EB, #DFDACD, #DDB8A8, #93BDBC, #784112)

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