Softworn Cocoa color palette — #E3F9E3 · #A3CBB9 · #9E8A9C · #785F56 · #5F3000

Cocoa and Pistachio set the tone — five colors that lean into optimism and sophistication.

The five colors

• Honeydew (#E3F9E3): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#A3CBB9): A luminous, dusty teal — the color of sea glass.
• Heather (#9E8A9C): A luminous, dusty pink — the color of peonies in June.
• Pewter (#785F56): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#5F3000): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged vintage, 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

• Patina Orchard color palette (#D6FCEB, #D4BDD2, #9C8891, #8B5326, #5D3F00)
• Timeworn Oat color palette (#DFFCFD, #B2CFDE, #8590A2, #7E666E, #435244)
• Washed Workshop color palette (#FFE8FB, #D0ACBC, #A97D84, #795309, #35342E)
• Patina Petrol Studio color palette (#F6F1EA, #BFECF1, #AF91AF, #3D7482, #422F3D)
• Weathered Cocoa color palette (#D2E4F3, #969EC7, #846D95, #693C00, #312E28)
• Pewter Workshop color palette (#D5F0FF, #6F8FBD, #6C5C8F, #55301B, #251800)
• Patina Veranda color palette (#F5F1E9, #C1C999, #88873E, #536B2B, #33312A)
• Tempered Meadow color palette (#D7FDE5, #61CBEE, #4E90BF, #38577A, #463345)

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