Softworn Cocoa color palette — #FFF2EC · #DFDACD · #CEC69E · #A48176 · #7C421C

Bronze takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#DFDACD): a clean, paper-quiet neutral.
• Pistachio (#CEC69E): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#A48176): A luminous, dusty orange — the color of toasted spice.
• Bronze (#7C421C): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, 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

• Bronze Dune color palette (#FCF4E6, #C9B68F, #9E7938, #7D5410, #594500)
• Tempered Taupe Field color palette (#FFE6CF, #F9C984, #B39D44, #854518, #37322C)
• Ancient Chestnut Dune color palette (#FFF2EF, #E0DCCE, #B5BDC8, #D9A3B0, #7C4519)
• Patina Courtyard color palette (#F9F4ED, #D8BC86, #79853D, #826936, #302E23)
• Feathered Dune color palette (#F2E7D0, #C0B158, #849012, #643E00, #352504)
• Wandering Amber Station color palette (#EBDBD5, #D4731A, #9A6800, #5C100A, #140600)
• Ancient Workshop color palette (#FFF3E6, #BC823C, #5B8C68, #7C5351, #573400)
• Muted Parlor color palette (#E6E6D0, #93AA00, #468733, #473B00, #191B00)

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