Softworn Cocoa color palette — #FDF1FA · #D4A474 · #7D3B2D · #3F2339 · #24191B

Rust and Camel set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Camel (#D4A474): A luminous, balanced gold — the color of old brass.
• Rust (#7D3B2D): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#3F2339): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#24191B): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Chestnut Loft color palette (#FCF2F6, #E59B6A, #806F00, #934800, #1A2820)
• Softworn Corridor color palette (#FFF2EE, #D0C77B, #A15A5F, #573A32, #2A1E1B)
• Muted Marigold Atelier color palette (#EBFAED, #C79A37, #5F4200, #342300, #0F1F12)
• Ancient Taupe Market color palette (#FAF2FB, #CBDEA4, #C47E89, #715975, #271E28)
• Amber Alley color palette (#F8DBE9, #C68200, #5E2A00, #2E1100, #1C0713)
• Cellar Chestnut Chapel color palette (#D4E7D2, #7C5700, #26222F, #201000, #050200)
• Patina Olive color palette (#E6FBED, #B3934F, #726D00, #005B4D, #2E4335)
• Hazy Bronze color palette (#D8FAD7, #D5AC62, #8A7000, #594F00, #1A431B)

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