Softworn Cocoa color palette — #FCF1FB · #A9B585 · #763F3F · #3D243C · #24181C
A conversation between Coffee and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF1FB): a clean, paper-quiet neutral.
- Sage (#A9B585): A luminous, dusty green — the color of new leaves after rain.
- Coffee (#763F3F): A full-bodied, dusty orange — the color of sun-warmed clay.
- Espresso (#3D243C): A deep, shadowed, dusty pink — the color of peonies in June.
- Onyx (#24181C): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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
- Chestnut Grove color palette (#FFF1F6, #A2CCB3, #795535, #49303A, #2E201F)
- Cocoa Garden color palette (#FDEFE8, #C8B07F, #7F4033, #43180F, #180702)
- Aged Coral Hollow color palette (#FEF2EE, #CFDDA4, #C67E7D, #855453, #2C1E19)
- Softworn Garden color palette (#F9F3F9, #D99C9B, #00826D, #9C3A40, #13282A)
- Ancient Marigold color palette (#E9FAED, #C39B47, #5A4500, #312400, #02210E)
- Weathered Moss Studio color palette (#F7DCEA, #A19500, #622700, #300F00, #0F0700)
- Lowlit Quarry color palette (#D8E8D8, #745B00, #282330, #1F1100, #040200)
- Olive Balcony color palette (#FFF1F5, #C68666, #5F732B, #4B4679, #2F432F)
Browse the whole catalog at Explore, or see today's palette.