Softworn Cocoa color palette — #FAF4EF · #CADECC · #AB795C · #6A3700 · #231912

Bronze and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Celadon Mist (#CADECC): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#AB795C): A luminous, dusty gold — the color of old brass.
• Bronze (#6A3700): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#231912): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Weathered Amber Dune color palette (#F3EEDE, #CA9847, #3D3F00, #1D2726, #080800)
• Patina Market color palette (#F7F6EB, #E6E3B4, #6C7E49, #2F3F00, #111005)
• Timeworn Chestnut color palette (#FAF0E7, #E2BC85, #86541E, #35302B, #1A120B)
• Patina Taupe color palette (#FCF2F6, #F9D8AC, #C6926A, #856171, #31282C)
• Wandering Amber Villa color palette (#FAF4EF, #E1DCCF, #78C195, #D38448, #1C2012)
• Inked Bronze color palette (#F0E0D2, #91771F, #2B1500, #0E0C05, #030100)
• Washed Summit color palette (#FFF4E1, #D7B672, #664D00, #211700, #020100)
• Washed Pewter color palette (#FFF3E7, #F4D8B2, #8BAE7A, #896099, #423F38)

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