Softworn Cocoa Courtyard color palette — #F8EDFC · #A3B37F · #3E8587 · #743E54 · #143230
A conversation between Cocoa and Sage, giving this palette its sense of nature and growth.
The five colors
- Blush (#F8EDFC): A whisper-light, dusty pink — the color of peonies in June.
- Sage (#A3B37F): A luminous, dusty green — the color of new leaves after rain.
- Storm Blue (#3E8587): A full-bodied, dusty teal — the color of sea glass.
- Cocoa (#743E54): A full-bodied, balanced rose — the color of a warm blush.
- Deep Forest (#143230): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Softworn Cocoa Courtyard 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
- Muted Cocoa color palette (#FCEDF3, #83BA9A, #4380A1, #784215, #173136)
- Dusty Aubergine Boulevard color palette (#FDECF7, #CBA37B, #5D8458, #673F76, #1B3224)
- Worn Lagoon color palette (#E9FAED, #83B788, #008A81, #684E71, #344D4D)
- Cocoa Boulevard color palette (#EDF4EC, #B7966C, #4575A3, #694300, #382200)
- Muted Lagoon Balcony color palette (#EAF5EF, #ADCAC6, #5B8C93, #456B59, #1B3734)
- Garnet Boulevard color palette (#FFEBFC, #6AA34B, #006E7E, #79010D, #002316)
- Patina Corridor color palette (#FFF2EF, #B7C591, #36A4A6, #915C70, #444E00)
- Tempered Basalt color palette (#E5F8E7, #B8D5CE, #7D939C, #745C67, #513743)
Browse the whole catalog at Explore, or see today's palette.