Softworn Cocoa color palette — #FFF0F9 · #A8ABDE · #C38685 · #6A6CA4 · #773821
A conversation between Rust and Slate, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Mauve (#A8ABDE): A luminous, dusty violet — the color of wild irises.
- Dusty Rose (#C38685): A luminous, dusty orange — the color of sun-warmed clay.
- Slate (#6A6CA4): A full-bodied, balanced violet — the color of twilight just after sunset.
- Rust (#773821): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Creativity, Balance. Tagged 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
- Timeworn Coast color palette (#FFF1F2, #CF9DC8, #BC8F5B, #925D8B, #514C46)
- Aged Iris color palette (#FFF0F8, #948FCE, #B1748D, #348199, #503B47)
- Ancient Loft color palette (#FFF1F6, #B6A4DF, #5FA6AA, #78689B, #3C543F)
- Aged Driftwood color palette (#FFF0F7, #E5D6D4, #B0AD9C, #A37C95, #5B464E)
- Dusty Studio color palette (#FFF1F7, #C7B9EB, #8377AB, #57497A, #4F2C3D)
- Antique Villa color palette (#F9EEF5, #A9B0DB, #9FA15D, #5F67BF, #33312A)
- Weathered Iris color palette (#F1F5FF, #BEBFF1, #C4B16A, #837FD9, #584D24)
- Wandering Petrol color palette (#EBF9F2, #75BBD9, #87A371, #2E7C9B, #4E4E46)
Browse the whole catalog at Explore, or see today's palette.