Softworn Cocoa Villa color palette — #FBEDE1 · #876F3A · #5C2E00 · #2B0003 · #010100

A conversation between Cocoa and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FBEDE1): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#876F3A): A full-bodied, dusty gold — the color of old brass.
• Cocoa (#5C2E00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#2B0003): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Softworn Cocoa Villa 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

• Obsidian Coast color palette (#ECE3CA, #5D7E43, #423D00, #1D0F00, #000201)
• Charred Station color palette (#F4DAE5, #735300, #462000, #280004, #030400)
• Washed Cocoa color palette (#F2DCCB, #A0804A, #7A3800, #46000E, #010100)
• Worn Terrace color palette (#F1E5C6, #86A665, #6C6100, #492900, #000502)
• Tempered Cocoa Chapel color palette (#FFF3E4, #B8B67B, #966E28, #762B00, #071700)
• Aged Rust Pier color palette (#D9E6D8, #BD554D, #43404D, #002120, #000201)
• Powdered Boulevard color palette (#E6ECDE, #009068, #440099, #003423, #040002)
• Cellar Navy Lantern color palette (#E2EFE6, #005766, #003584, #330500, #000102)

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