Softworn Cocoa color palette — #FFF3E8 · #DBC7AD · #B59479 · #9B645B · #5A4400

Deep Olive takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Oat (#DBC7AD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B59479): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#9B645B): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Patina Thicket color palette (#FFF2EB, #D3B89E, #BA7E67, #925458, #403D36)
• Softworn Hollow color palette (#F4EAD8, #A0A36F, #8C6D00, #713F00, #182A05)
• Misty Bronze Lagoon color palette (#FDECD4, #BFB67F, #B07B00, #964700, #2F3B0A)
• Garnet Veranda color palette (#F9E4D8, #B38050, #964525, #760023, #1F1400)
• Muted Canyon color palette (#FAF3F5, #F0C3CF, #CD8963, #AB70C8, #332C28)
• Worn Bronze Quarry color palette (#F8E7D5, #856B20, #633A00, #421200, #040400)
• Timeworn Bronze color palette (#FFF2F0, #CD95A7, #A57D37, #007B7E, #402A31)
• Washed Study color palette (#FBF2F5, #D3D5AC, #84759C, #54446B, #32282C)

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