Softworn Cocoa color palette — #FFF2ED · #E0D9CE · #F2B898 · #A1786F · #723717

Bronze and Sand set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0D9CE): a clean, paper-quiet neutral.
• Sand (#F2B898): A whisper-light, balanced gold — the color of old brass.
• Mocha (#A1786F): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#723717): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged pastel, 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

• Ancient Stone color palette (#FFF1F2, #F4D3D4, #E2ACB9, #907599, #634849)
• Tempered Ridge color palette (#FFEDE9, #DFD4C8, #CEC18F, #976B81, #531C00)
• Powdered Mustard Market color palette (#FFF3E5, #FFE19F, #C8BE64, #A46731, #57441C)
• Powdered Quarry color palette (#F5D9D4, #E88354, #B76600, #731E26, #2C0700)
• Worn Balcony color palette (#FFF2ED, #FFBA90, #E09825, #A5352D, #59290E)
• Wandering Sand color palette (#FFEDCF, #DCCD85, #9EA865, #82581F, #312E28)
• Amber Canyon color palette (#ECE0D6, #C98E16, #826F02, #532300, #1A0D00)
• Sunlit Emerald Villa color palette (#EADFBB, #A7C16F, #599640, #584800, #2B2300)

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