Softworn Cocoa color palette — #FFF2ED · #E0D9CE · #C2CAA1 · #A38282 · #794017
Bronze takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Bone (#E0D9CE): a clean, paper-quiet neutral.
- Pistachio (#C2CAA1): A whisper-light, dusty green — the color of a quiet forest floor.
- Heather (#A38282): A luminous, dusty red — the color of embers at dusk.
- Bronze (#794017): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, 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
- Dusty Hollow color palette (#FFF3E2, #D9E6C5, #9AD9BE, #AD7247, #5E4900)
- Washed Frost color palette (#FDF0FF, #C4F0DF, #E9D8D8, #A7A1C1, #5D4956)
- Washed Coast color palette (#FFF2EC, #FFDCB1, #B5CB69, #9F5265, #4B443F)
- Moss Station color palette (#FFEDE4, #DEC17F, #87A860, #8B4855, #342F2A)
- Dusty Lagoon color palette (#EFE8D3, #89A65A, #009779, #633200, #181C00)
- Muted Apricot color palette (#FBF4ED, #F3B078, #299173, #926034, #2C2F29)
- Tempered Amber color palette (#FFF3E8, #C17F4A, #647FAE, #4B5F83, #5B3100)
- Weathered Olive Studio color palette (#F7E4E2, #C79157, #787400, #53193D, #1B0400)
Browse the whole catalog at Explore, or see today's palette.