Softworn Cocoa color palette — #FFF2EC · #E9DFB4 · #B7BC88 · #906178 · #653400
Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Celadon Mist (#E9DFB4): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#B7BC88): A luminous, dusty green — the color of fresh herbs.
- Pewter (#906178): A full-bodied, dusty rose — the color of a warm blush.
- Bronze (#653400): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication. 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
- Washed Hollow color palette (#FFF2F0, #FFCCBE, #C8A56C, #835D85, #543933)
- Patina Mint color palette (#FFF3E5, #E1EBA8, #87C998, #975B49, #47443D)
- Hushed Driftwood Archive color palette (#FFF0FD, #CEF0CD, #BBCD92, #AF789D, #4C333F)
- Tempered Archive color palette (#FFEEE8, #F7D5B1, #A2C383, #85527B, #311D0E)
- Wandering Station color palette (#FFF3E4, #BBEAD0, #90C7C1, #A98A74, #5D4900)
- Moss Lagoon color palette (#F2E7D0, #929F4E, #72632A, #5E3B0E, #30312A)
- Pale Grove color palette (#FFF3E3, #D3DD75, #58BF77, #9F3823, #3D3504)
- Teal Basin color palette (#FAF0C8, #93D3AB, #4BB5B9, #6F5300, #30312B)
Browse the whole catalog at Explore, or see today's palette.