Softworn Cocoa color palette — #FAF4EC · #CEBF9C · #7D875A · #726069 · #614A00

Built around Bronze, softened by Driftwood — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sand (#CEBF9C): A luminous, dusty gold — the color of afternoon light on wheat.
• Driftwood (#7D875A): A luminous, dusty green — the color of new leaves after rain.
• Graphite (#726069): A full-bodied, dusty rose — the color of a warm blush.
• Bronze (#614A00): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Aged Driftwood Balcony color palette (#F7F1E9, #CFC2A3, #8D853C, #6E5B66, #34312A)
• Dusty Chapel color palette (#F6F6E8, #86BF9A, #35836F, #6E514E, #3B4900)
• Muted Cocoa color palette (#FFF2EE, #E0D8CE, #C9C6A4, #A8827F, #7D4020)
• Ash Summit color palette (#FEF1F5, #BED9C9, #7BA699, #767D90, #3F5247)
• Wandering Shell Balcony color palette (#FFF2EC, #FCB2AE, #B37170, #724543, #3F3835)
• Ancient Garden color palette (#FFF2EE, #E497A1, #58A8A7, #9F5C65, #3F533F)
• Ash Villa color palette (#F9F4ED, #C3EDF3, #7F9AC9, #557865, #5E4C58)
• Washed Coral color palette (#FFF2EE, #D27B7E, #6F9662, #5B77A1, #513D37)

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