Softworn Cocoa color palette — #DCE4DB · #AABFB1 · #769789 · #5F3C00 · #152414
Built around Bronze, softened by Eucalyptus — the whole palette hums with optimism and sophistication.
The five colors
- Parchment (#DCE4DB): a clean, paper-quiet neutral.
- Stone (#AABFB1): A luminous, dusty teal — the color of sea glass.
- Eucalyptus (#769789): A luminous, dusty teal — the color of shallow lagoons.
- Bronze (#5F3C00): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#152414): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Tempered Cocoa Balcony color palette (#F4EDF1, #C8B2BB, #7D9580, #772500, #271B23)
- Antique Chestnut Boulevard color palette (#F4EEE7, #CDC3AA, #A5A78E, #8B5000, #281D11)
- Worn Spruce color palette (#D9E7E3, #84A19D, #487A7D, #213100, #010C09)
- Tempered Workshop color palette (#E5F2F0, #BBD1D2, #84A7B0, #05662A, #1F3230)
- Ancient Workshop color palette (#CFE7DF, #528951, #005236, #4A2100, #00201D)
- Muted Bronze Veranda color palette (#F1F7F2, #D0E0DF, #AAC7CB, #887042, #434A44)
- Washed Chestnut color palette (#D4E4D7, #865D00, #384200, #002545, #1C1500)
- Amber Meadow color palette (#D6F8E1, #E28500, #9A8300, #3D6300, #1E1B00)
Browse the whole catalog at Explore, or see today's palette.