Softworn Cocoa color palette — #FBF3EF · #DDDAD2 · #A3B5B5 · #CC8B7C · #662C06

A conversation between Rust and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Bone (#DDDAD2): bright and airy, almost weightless.
• Ash (#A3B5B5): a calm mid-gray that lets other colors speak.
• Camel (#CC8B7C): A luminous, balanced orange — the color of sun-warmed clay.
• Rust (#662C06): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication. 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

• Timeworn Lantern color palette (#F9EBE3, #D9CEC3, #B2A48F, #813000, #060100)
• Softworn Stone color palette (#FAF4EE, #DADBD2, #ADB9BC, #C6A88A, #514C47)
• Mustard Grove color palette (#FFF3E8, #E6DBD5, #CFC066, #B5B7AA, #4A2C0B)
• Wandering Amber color palette (#FAF4EA, #D9E0CE, #9EB6C2, #B08D28, #38342E)
• Dusty Stone Harbor color palette (#FFF2EA, #DFDEC3, #BEB58F, #638D7B, #5E485B)
• Taupe Atelier color palette (#FAF4EB, #D7E3BF, #95A671, #8F6D63, #3B3831)
• Tempered Station color palette (#FFF3E8, #D78941, #5D4000, #281B0F, #090402)
• Hushed Amber color palette (#FFF4E2, #FFB89F, #B08B49, #1D6F7C, #36302C)

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