Softworn Cocoa color palette — #FFF2EB · #DEDACC · #B8C5D2 · #D6ACA0 · #753F0D

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DEDACC): a clean, paper-quiet neutral.
• Stone (#B8C5D2): A luminous, dusty blue — the color of deep harbor water.
• Rosewood Mist (#D6ACA0): A luminous, dusty orange — the color of autumn markets.
• Bronze (#753F0D): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Taupe Canyon color palette (#FFF0FC, #E7D8D6, #BCBAC6, #BAA78A, #5C4B53)
• Washed Fern color palette (#FAF5E7, #D8DEB0, #C4B490, #A28F73, #4F4A00)
• Antique Station color palette (#FFF3E7, #DEE4BC, #9EE3AD, #EA9582, #44403A)
• Tempered Driftwood Cabin color palette (#FAEEF5, #E7D3D1, #CDCE9F, #B48075, #4B3540)
• Mustard Delta color palette (#FEF3E5, #EFB855, #83BFE1, #9C92BF, #533700)
• Bronze Orchard color palette (#FBF4EC, #F8DA9D, #B69976, #8F6326, #312A21)
• Misty Marigold Parlor color palette (#F8E0D4, #E7990A, #9C9A45, #A5473C, #120600)
• Seafoam Cabin color palette (#E0E2FF, #19FDE8, #FFC890, #6E6862, #38312B)

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