Softworn Cocoa color palette — #EFFAE0 · #CAE4D3 · #DFB5CD · #AA9F8D · #664600
A conversation between Bronze and Carnation, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#EFFAE0): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#CAE4D3): A whisper-light, dusty teal — the color of shallow lagoons.
- Carnation (#DFB5CD): A luminous, dusty pink — the color of neon signs at night.
- Taupe (#AA9F8D): A luminous, dusty gold — the color of old brass.
- Bronze (#664600): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, 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
- Chestnut Grove color palette (#F8F7E0, #C9E0D6, #A2C5B8, #A3947D, #6D4B00)
- Softworn Fern Garden color palette (#DFFEEC, #EACEE1, #D5A3A4, #92997D, #4E5A10)
- Weathered Fern Thicket color palette (#DDEFD7, #9FCDEF, #AE9FD2, #5E8C69, #434E00)
- Taupe Corridor color palette (#FBF3F1, #C4DFE3, #94D2E6, #85AF85, #36514A)
- Washed Oat color palette (#E8F8FF, #BBD8F0, #98A7BF, #967F91, #5E4650)
- Ash Villa color palette (#D9F9FF, #B7D4E7, #8F99B4, #617262, #354236)
- Mustard Delta color palette (#E7FBEF, #87D4EC, #E1B854, #9DBA80, #36473D)
- Timeworn Sand color palette (#FEF0FC, #BFD5FF, #F3BA82, #8BA8E1, #524C46)
Browse the whole catalog at Explore, or see today's palette.