Softworn Cocoa color palette — #FFF2EC · #F5D4CD · #E8BF91 · #C09861 · #693700

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Shell Pink (#F5D4CD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sand (#E8BF91): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#C09861): A luminous, balanced gold — the color of old brass.
• Bronze (#693700): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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

• Wandering Terrace color palette (#FFF2ED, #FCD3D4, #FAABAB, #C79668, #4B4440)
• Hushed Sand color palette (#FBF4E9, #E8D9C2, #E8CB84, #8CA267, #46423B)
• Antique Ridge color palette (#FFF3E3, #FFAA85, #C59229, #5C8100, #3D2F00)
• Ancient Bronze Canyon color palette (#FFF2EA, #E4AF86, #A1753C, #775F27, #4C4E47)
• Aged Periwinkle color palette (#FFF3E3, #CBAA76, #789AD0, #8D6C35, #5E425D)
• Muted Sand color palette (#FEF1FA, #E6D8D5, #F0C584, #97B9C4, #563D49)
• Abyss Garden color palette (#FFF2EC, #CFBDAE, #A09786, #5C7464, #335458)
• Softworn Fern color palette (#F5F6EC, #BCC5AC, #738965, #7A5E5A, #44550D)

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