Softworn Cocoa color palette — #FFEEE8 · #DFDEC6 · #A0D4BC · #AB8386 · #643000

A conversation between Bronze and Pistachio, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFEEE8): A whisper-light, dusty orange — the color of toasted spice.
• Bone (#DFDEC6): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#A0D4BC): A whisper-light, dusty teal — the color of shallow lagoons.
• Dusty Rose (#AB8386): A luminous, dusty red — the color of late-summer berries.
• Bronze (#643000): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Muted Quarry color palette (#FFF2E9, #DEDACC, #ADC8A6, #B2724F, #79460F)
• Wandering Grove color palette (#FCF0E0, #BBE2CF, #92C2C3, #A48370, #403D37)
• Bronze Alley color palette (#F8F1E1, #AFC497, #9B7F39, #7B4C0E, #2A2E22)
• Washed Courtyard color palette (#FFF0FA, #CEFCEE, #B1DEE1, #B49BBE, #614B56)
• Mint Boulevard color palette (#FFEEE4, #FFE9A6, #69D69F, #AE5868, #3C2809)
• Bronze Villa color palette (#F9F0E7, #A87C31, #816293, #603945, #211417)
• Clover Archive color palette (#F0EBC8, #50BE5F, #008899, #5E3600, #010C00)
• Amber Summit color palette (#EADAD3, #BD8500, #20773F, #560737, #030100)

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