Softworn Cocoa color palette — #FBF4EF · #DBDAD3 · #BEC2B5 · #B88066 · #6D3705

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

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Silver (#DBDAD3): a clean, paper-quiet neutral.
• Stone (#BEC2B5): soft and architectural.
• Caramel (#B88066): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#6D3705): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Ancient Orchard color palette (#F8F5ED, #D4DDD0, #ADC9B4, #96872E, #503D00)
• Muted Taupe color palette (#FAF3F7, #CBDADC, #B6B6C0, #C58F78, #473B42)
• Patina Cocoa color palette (#E8E3DB, #A9A592, #848A6A, #564200, #0F0800)
• Patina Basalt Field color palette (#FBF5E8, #C9C6A2, #6B9D77, #8A6865, #4A4400)
• Worn Taupe Corridor color palette (#FFF2EB, #D0C0A7, #A5A784, #896977, #654653)
• Muted Amber color palette (#F0E2D1, #BE8100, #5C4C00, #322D27, #1E1611)
• Apricot Alley color palette (#FFF3E2, #E69C80, #928747, #4F6191, #423C37)
• Honey Dune color palette (#FFF3E7, #F8D4C5, #F5B865, #98BB65, #403D37)

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