Softworn Cocoa color palette — #D6ECCF · #8BB096 · #4A7B6F · #673E38 · #3E1E08
Built around Cocoa, softened by Espresso — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D6ECCF): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#8BB096): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#4A7B6F): A full-bodied, dusty teal — the color of glacier melt.
- Cocoa (#673E38): A full-bodied, dusty orange — the color of sun-warmed clay.
- Espresso (#3E1E08): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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
- Weathered Cocoa color palette (#D7E7EC, #7BADA0, #936E87, #703611, #3C2914)
- Weathered Delta color palette (#C8EFE4, #86ADB2, #617F91, #684862, #5B411A)
- Dusty Meadow color palette (#F9F0E5, #AEA24D, #5F6B2D, #454740, #231B05)
- Timeworn Chestnut color palette (#D6FADC, #9CC8B8, #9B8495, #894B2E, #542D00)
- Muted Grove color palette (#DFEAFD, #AFA9E7, #916995, #5E4824, #332D0B)
- Bronze Courtyard color palette (#E1FFDD, #80E0E8, #8BA0D0, #9A6036, #663100)
- Aged Periwinkle color palette (#C7EAF8, #6898E8, #6D5B99, #623015, #332200)
- Weathered Cerulean Orchard color palette (#D7F4F5, #1983A9, #3B557D, #4C271E, #200A00)
Browse the whole catalog at Explore, or see today's palette.