Softworn Cocoa color palette — #FCF4EA · #DDE2CA · #A17F54 · #623D00 · #211A11

Built around Bronze, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FCF4EA): bright and airy, almost weightless.
• Celadon Mist (#DDE2CA): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#A17F54): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#623D00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#211A11): 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

• Washed Sand Station color palette (#F5F7E5, #FFE2A5, #618057, #3A3B00, #101004)
• Timeworn Studio color palette (#FAF4ED, #F1DBB5, #B89873, #906227, #312A23)
• Hushed Marigold Pier color palette (#F1F0D8, #CB9900, #2F4400, #1D2828, #050900)
• Chestnut Boulevard color palette (#EDF4ED, #ACCDB5, #795B37, #442B07, #0D170C)
• Worn Taupe Garden color palette (#F9F4ED, #C9DECB, #80BE9F, #B29657, #1C2016)
• Bronze Harbor color palette (#F0E1CC, #9A7300, #251900, #0C0C06, #020100)
• Ancient Mustard color palette (#FEF4E6, #E9BB6D, #74B9D5, #7F7DA5, #35312B)
• Hushed Study color palette (#FFF4E2, #DBE597, #7EB08D, #89667B, #454100)

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