Softworn Cocoa color palette — #FFF0F8 · #94B091 · #926750 · #793D3C · #294433
Built around Rust, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Sage (#94B091): A luminous, dusty green — the color of fresh herbs.
- Walnut (#926750): A full-bodied, dusty orange — the color of autumn markets.
- Rust (#793D3C): A full-bodied, balanced orange — the color of toasted spice.
- Forest (#294433): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Study color palette (#F6E1EA, #AB926C, #8C5427, #772318, #103926)
- Wandering Driftwood color palette (#ECF9EE, #A4C0B1, #688A6D, #775062, #364D47)
- Ancient Bronze color palette (#FCEFE6, #CCA281, #A46239, #6B3F2E, #2F1F0D)
- Ancient Olive color palette (#D6F8E6, #91A66F, #746B00, #624200, #10401A)
- Hushed Taupe Summit color palette (#FFF2EA, #F1C89A, #D79D7F, #AA7A78, #403D36)
- Aged Amber color palette (#FFF0F8, #DCAFC2, #C07D55, #8D5A48, #4B363D)
- Hushed Plum color palette (#EDF7FE, #7BB7DB, #A34E70, #006792, #2A1F2F)
- Muted Iris Garden color palette (#F1F5FF, #7B76C3, #9F5576, #655000, #2B3249)
Browse the whole catalog at Explore, or see today's palette.