Softworn Cocoa color palette — #FFF1F5 · #F8C6EA · #EDA2B2 · #B97C77 · #784113

Built around Bronze, softened by Ballet Pink — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Thistle (#F8C6EA): A whisper-light, dusty pink — the color of a candy shop window.
• Ballet Pink (#EDA2B2): A luminous, balanced red — the color of a theater curtain.
• Caramel (#B97C77): A luminous, dusty orange — the color of autumn markets.
• Bronze (#784113): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Warmth, Comfort, Softness, Clarity. Tagged light, 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 Hollow color palette (#FFF1F2, #F3D3D4, #E393AC, #AE6169, #6E4340)
• Muted Workshop color palette (#FFF2EF, #FFC2B8, #EEA988, #AD8354, #504D46)
• Blush Field color palette (#FFF2EF, #FFC1D2, #7CD9DA, #DD8DA5, #3B553C)
• Soft Amber color palette (#F5D7E1, #FC9493, #DD7751, #A86F00, #413500)
• Softworn Glacier Dune color palette (#EAEAFF, #9CEBFF, #FFC2C4, #7A6660, #3C322F)
• Washed Corridor color palette (#F9DAE1, #F45F3B, #AF6000, #6D5000, #221D00)
• Timeworn Shell Orchard color palette (#FFF2EE, #F9B1B3, #83CDCA, #69AEC7, #523C35)
• Powdered Plum Study color palette (#E8D9EB, #C3468E, #B50043, #741000, #160900)

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