Softworn Cocoa color palette — #FDF4E7 · #C99B91 · #8F723A · #475784 · #6F3510

Bronze and Walnut set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FDF4E7): a clean, paper-quiet neutral.
• Camel (#C99B91): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#8F723A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Peacock (#475784): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#6F3510): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Sophistication. Tagged retro, 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 Denim color palette (#FFF2EB, #C99D80, #66814F, #6E477F, #604100)
• Hushed Denim color palette (#F9F6E2, #B69CC6, #9B6861, #20627A, #594041)
• Dusty Bronze Thicket color palette (#E9F6EB, #D29D86, #937328, #235A67, #37272D)
• Taupe Dune color palette (#FDF4E6, #EAAE93, #AC8E4D, #2F7A8B, #693B00)
• Dusty Pewter Atelier color palette (#FFF2EF, #DDC3BE, #A18C7A, #8A657D, #644847)
• Feathered Bloom color palette (#FFF3E6, #D06A54, #656400, #412C99, #502B00)
• Softworn Cypress color palette (#FAF4F0, #CBE6E4, #759EC3, #258067, #63495C)
• Antique Stone color palette (#E8FBEE, #FFBCBF, #C2AD6C, #738DB4, #54414C)

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