Softworn Cocoa color palette — #FFF2F0 · #E1DACF · #D0BB8C · #90658A · #713516
Built around Rust, softened by Slate — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Bone (#E1DACF): a clean, paper-quiet neutral.
- Sand (#D0BB8C): A luminous, dusty gold — the color of old brass.
- Slate (#90658A): A full-bodied, dusty pink — the color of neon signs at night.
- Rust (#713516): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Creativity, Sophistication. Tagged pastel, light, 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
- Dusty Cocoa color palette (#FFF2EE, #E4D8C8, #C2C391, #BE7D8F, #72341B)
- Hazy Moss color palette (#FFEEE8, #FFB579, #A5A200, #A13C6E, #582B12)
- Ancient Boulevard color palette (#FFF3E3, #DCD5AD, #87C29E, #9E6042, #523E00)
- Bronze Archive color palette (#FFF3E6, #B5A586, #8D6B43, #714531, #3F3D36)
- Tempered Driftwood Archive color palette (#FBECFC, #EBD0D5, #EAB49D, #AF627A, #3C263A)
- Aged Cocoa Basin color palette (#FFECD7, #CEC794, #72A775, #844231, #3B2C00)
- Dusty Terracotta Hollow color palette (#FDF3EC, #DB9E82, #268159, #95451B, #202714)
- Aged Mallow Basin color palette (#FBF1FF, #E7F2B7, #E8DED3, #CB9FD0, #574553)
Browse the whole catalog at Explore, or see today's palette.