Softworn Cocoa color palette — #FFF2EC · #DFDECD · #C8C5AF · #A48693 · #694848
A conversation between Coffee and Heather, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Bone (#DFDECD): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#C8C5AF): A luminous, dusty green — the color of a quiet forest floor.
- Heather (#A48693): A luminous, dusty rose — the color of a warm blush.
- Coffee (#694848): A full-bodied, dusty red — the color of a theater curtain.
Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Worn Stone color palette (#FFF0F7, #A2CCB5, #869F9D, #6D7083, #4C5061)
- Muted Fern Garden color palette (#F7F5EF, #C2DFD5, #A5B58D, #A17C74, #494A00)
- Vanilla Harbor color palette (#FFF0D2, #D5CDAE, #93937D, #5F715E, #2E4134)
- Wandering Atelier color palette (#FFF2EA, #DAE2BD, #86B494, #8D6596, #5F3140)
- Softworn Loft color palette (#FAF4EF, #C6DDEA, #C3BEF4, #3CA3A9, #604256)
- Muted Summit color palette (#FFF3E7, #CEC299, #609E76, #713F72, #4C2024)
- Muted Drift color palette (#F6F7E3, #B6D8A3, #BEAFF3, #C08BCC, #393932)
- Dusty Moss color palette (#F8F6E9, #C3EDC9, #D9BEF6, #93A34D, #5D3A47)
Browse the whole catalog at Explore, or see today's palette.