Softworn Cocoa color palette — #FEF5D9 · #BEC8AD · #819A8C · #796461 · #784310
A conversation between Bronze and Pistachio, giving this palette its sense of optimism and sophistication.
The five colors
- Custard (#FEF5D9): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#BEC8AD): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#819A8C): A luminous, dusty teal — the color of shallow lagoons.
- Pewter (#796461): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#784310): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, 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
- Worn Ridge color palette (#FBF5E0, #C1CCB8, #7E938C, #8B6623, #525200)
- Softworn Driftwood color palette (#F5F7E3, #D1DDC4, #9AB19D, #92747C, #614644)
- Pewter Field color palette (#DCF9F5, #A9CBCC, #869DA5, #6C677E, #44384B)
- Softworn Petrol color palette (#EBE6C2, #65A996, #2C6C8D, #633F24, #413000)
- Cypress Bloom color palette (#FAF4EE, #CAE7EA, #AE8DA6, #3C7A7A, #654955)
- Cypress Boulevard color palette (#EFF9EA, #72C1AF, #C98382, #048572, #63453A)
- Lagoon Courtyard color palette (#F7F9D0, #8FC49E, #389A8A, #20727E, #2E5644)
- Dusty Celadon color palette (#E1ECA6, #64BEB1, #5186AB, #7C4944, #643733)
Browse the whole catalog at Explore, or see today's palette.