Softworn Cocoa Studio color palette — #FFF2EC · #E8DAD7 · #F3C696 · #B8B6AB · #642F00
A conversation between Bronze and Wheat, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Bone (#E8DAD7): bright and airy, almost weightless.
- Wheat (#F3C696): A whisper-light, balanced gold — the color of afternoon light on wheat.
- Stone (#B8B6AB): soft and architectural.
- Bronze (#642F00): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.
Use it as a design system
One click turns Softworn Cocoa Studio 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
- Patina Stone Bloom color palette (#FFF2EB, #EADABB, #DBA97A, #8F7341, #614500)
- Aged Mustard color palette (#FFF3E9, #E7DBD5, #C2C5A4, #DCAE00, #402400)
- Worn Villa color palette (#FFF2ED, #DFDBCD, #C5BBAA, #829285, #39554C)
- Ancient Shell color palette (#FEF1FA, #F3D2CE, #FFB0A0, #B68D51, #523B49)
- Washed Hollow color palette (#FEF4DF, #D8F0AE, #D5D8CB, #8FCA81, #3A3831)
- Aged Hollow color palette (#FFF2EB, #E39983, #78480B, #332823, #140E0C)
- Amber Boulevard color palette (#FDF3E8, #E5E1B3, #A5D1F9, #C18F4D, #264F45)
- Patina Lantern color palette (#F9F4EE, #C5DFF1, #C5BBE9, #5B9CB3, #5F4356)
Browse the whole catalog at Explore, or see today's palette.