Softworn Cocoa color palette — #FFF1F5 · #92AF9E · #8D6B44 · #793F30 · #22453C
Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Sage (#92AF9E): A luminous, dusty teal — the color of sea glass.
- Walnut (#8D6B44): A full-bodied, dusty gold — the color of old brass.
- Bronze (#793F30): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#22453C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: 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
- Patina Chestnut Harbor color palette (#EDF8F2, #9DC1B8, #648A76, #775632, #334D4D)
- Patina Cocoa color palette (#E0ECE0, #79A18D, #855A04, #742802, #003931)
- Dusty Atelier color palette (#FEEFDE, #BEA885, #9B6927, #67422B, #2A220E)
- Washed Amber color palette (#FFF1F5, #D2BB8A, #B68446, #895E43, #2E4237)
- Worn Garnet Drift color palette (#FFE7F2, #B3996B, #9F5113, #82202C, #383800)
- Patina Garnet color palette (#F2D8E1, #98864F, #7C4703, #65150F, #202800)
- Ancient Rust Field color palette (#F0F6FC, #7CB6E0, #A8523D, #00659A, #301C2B)
- Forest Market color palette (#EEF6FF, #4F84C0, #A75550, #1E6327, #223448)
Browse the whole catalog at Explore, or see today's palette.