Softworn Cocoa color palette — #F4E7EC · #B1BFB2 · #799B88 · #5A2F00 · #040001
Built around Cocoa, softened by Eucalyptus — the whole palette hums with optimism and sophistication.
The five colors
- Blush (#F4E7EC): a clean, paper-quiet neutral.
- Stone (#B1BFB2): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#799B88): A luminous, dusty teal — the color of shallow lagoons.
- Cocoa (#5A2F00): A deep, shadowed, balanced gold — the color of old brass.
- Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Optimism, Sophistication. Tagged scandi, 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
- Ancient Garnet color palette (#F4ECF2, #C7B5BE, #B08392, #740808, #030003)
- Bronze Bloom color palette (#F6EDE4, #A3988B, #8E6926, #412200, #120600)
- Washed Fern color palette (#E2F2ED, #BDD6D3, #7CB49C, #3F5700, #000302)
- Feathered Veranda color palette (#CAE7CD, #F9730C, #B07900, #445600, #020100)
- Forest Cabin color palette (#F2DBBE, #877F2F, #205A13, #00204E, #030013)
- Tempered Olive color palette (#DCF4E9, #638743, #00491E, #340D00, #010200)
- Hushed Bronze color palette (#EFF8F0, #CEDFDE, #9ED1D6, #966F13, #172118)
- Chestnut Hollow color palette (#D7E8D7, #734B00, #003424, #00061C, #040001)
Browse the whole catalog at Explore, or see today's palette.