Softworn Cocoa color palette — #FFF3E7 · #EFD5B7 · #CDB094 · #A78C76 · #614000

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Wheat (#EFD5B7): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#CDB094): A luminous, dusty gold — the color of old brass.
• Caramel (#A78C76): A luminous, dusty gold — the color of old brass.
• Bronze (#614000): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Timeworn Chapel color palette (#FFF3E3, #F6DD93, #C0B77A, #91975A, #404E0E)
• Wandering Chestnut Dune color palette (#FAF0E6, #C7B9A2, #9E7A5D, #784A45, #302C1B)
• Apricot Corridor color palette (#FFF2EA, #FFAB87, #A8C08C, #B88C94, #602D00)
• Bronze Summit color palette (#FDF3EC, #FCD7AC, #BF9380, #975D34, #332923)
• Pale Honey color palette (#FFECCD, #E6C649, #C39E4B, #A17734, #38352E)
• Aged Stone color palette (#FFF1F6, #C7F4E8, #CAA1B1, #906E82, #344439)
• Patina Rust color palette (#F9E8DF, #D8894A, #BF5C19, #854631, #231100)
• Softworn Amber Dune color palette (#F8EED6, #BAB56B, #A38E26, #7D6938, #2C2400)

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