Softworn Cocoa color palette — #FBF2F8 · #C6AB73 · #843428 · #3F2339 · #24191B

Built around Rust, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Camel (#C6AB73): A luminous, dusty gold — the color of honey in a jar.
• Rust (#843428): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3F2339): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#24191B): quiet, heavy and certain.

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

• Chestnut Chapel color palette (#FEF1F6, #D3BD91, #7A5532, #4E2D3A, #2E2322)
• Airy Atelier color palette (#FAF3F7, #E19B7C, #6B7700, #94461E, #142922)
• Worn Ridge color palette (#FFF2EB, #F6CDA3, #C5816C, #8D512D, #2A1F18)
• Patina Marigold color palette (#E8FBEC, #CB9900, #5C4400, #322400, #06210F)
• Hushed Amber Meadow color palette (#F6DCE8, #B88A00, #5D2B00, #2E1100, #1B0812)
• Moonless Chestnut color palette (#DFEEDF, #785900, #282330, #1F1100, #040200)
• Weathered Loft color palette (#FFF0F7, #B0693B, #006A65, #283979, #312438)
• Hushed Station color palette (#FAF3F5, #CFD9DB, #A9C4C3, #956A3E, #504448)

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