Softworn Cocoa color palette — #F2E4D8 · #916F43 · #6A3500 · #4A1200 · #1E1400

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

The five colors

• Parchment (#F2E4D8): A whisper-light, dusty gold — the color of old brass.
• Walnut (#916F43): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#6A3500): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#4A1200): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1E1400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Washed Chestnut Atelier color palette (#F0E0CA, #79661F, #4C3300, #2D1500, #0C0C00)
• Patina Chestnut color palette (#F2E3D4, #A38149, #7C4700, #5C2300, #2D2300)
• Softworn Bronze Canyon color palette (#DAEFE7, #967525, #3C333B, #002A42, #000A15)
• Muted Boulevard color palette (#F9E1EB, #D78D00, #B66417, #88442D, #001C0A)
• Garnet Lantern color palette (#FFEADA, #BE9466, #A24F00, #851E00, #463100)
• Gentle Garnet Drift color palette (#C8EBE1, #00548E, #7C1600, #312800, #000E1F)
• Midnight Navy Market color palette (#F6EAF5, #0043A6, #581E00, #1D1F00, #000708)
• Worn Bronze color palette (#FAF5E7, #BEB99F, #977D36, #715A2A, #4E4A00)

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