Softworn Cocoa color palette — #FAF6CE · #AEB49B · #7D907B · #735761 · #713615
Built around Bronze, softened by Custard — the whole palette hums with nature and growth.
The five colors
- Custard (#FAF6CE): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#AEB49B): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#7D907B): A luminous, dusty green — the color of a quiet forest floor.
- Graphite (#735761): A full-bodied, dusty rose — the color of a warm blush.
- Bronze (#713615): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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
- Weathered Driftwood color palette (#FFEED8, #C3B693, #7F853E, #6C596C, #5B4243)
- Dusty Ash color palette (#F1F9E0, #C2D4BE, #7F9D8E, #7F6466, #5F4B45)
- Mulberry Corridor color palette (#C2FBEA, #7BBBC3, #557B9A, #814658, #66362F)
- Worn Chestnut Cabin color palette (#FCF4E7, #BBAF85, #667C4A, #745302, #504100)
- Hushed Aqua color palette (#DCF7EE, #B2E3DF, #80C4BE, #9091B0, #524A60)
- Softworn Peony color palette (#F0F8E9, #60B298, #BE6A92, #00775E, #5D3247)
- Cerulean Balcony color palette (#F9F4ED, #C0E7D4, #5691BC, #007076, #583D58)
- Muted Lagoon color palette (#EBFBE2, #009F88, #836DB0, #905A2F, #2F3D28)
Browse the whole catalog at Explore, or see today's palette.