Softworn Cocoa color palette — #FFEAD4 · #DDDAE6 · #BAB9AE · #684000 · #24201C
Built around Bronze, softened by Cream — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#FFEAD4): A whisper-light, dusty gold — the color of honey in a jar.
- Silver (#DDDAE6): a clean, paper-quiet neutral.
- Stone (#BAB9AE): a calm mid-gray that lets other colors speak.
- Bronze (#684000): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Onyx (#24201C): a grounded near-black with real depth.
Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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
- Cocoa Canyon color palette (#EFF6FF, #FFEDB7, #DCD7CD, #583F00, #2D2922)
- Weathered Courtyard color palette (#F8F6E8, #DEDECC, #808D58, #514700, #1D1B14)
- Aged Veranda color palette (#FFF0F9, #DAD7FF, #FACE5B, #7F5D14, #34312A)
- Tempered Mustard color palette (#FAF5E1, #C4CB75, #C79DCD, #A1737C, #33322B)
- Worn Ash color palette (#F5F6EE, #D3DED8, #ACB0BF, #82A79D, #4D4E47)
- Timeworn Chartreuse color palette (#FFECF7, #CFE3FF, #CDDD00, #2D3108, #151204)
- Aged Mustard color palette (#FFD7EE, #7AE1FF, #C7C446, #244B4B, #29322E)
- Patina Mint Harbor color palette (#F5F6EB, #80C27F, #9E7FB6, #79618B, #312319)
Browse the whole catalog at Explore, or see today's palette.