Softworn Cocoa color palette — #F2EFDC · #9EAB85 · #58816C · #6D4243 · #391E16

Built around Cocoa, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#F2EFDC): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9EAB85): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#58816C): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#6D4243): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#391E16): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, 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

• Timeworn Cocoa Alley color palette (#E8DFC8, #9CAA8A, #45778F, #693A00, #3D2103)
• Pewter Hollow color palette (#E1E9C7, #A2B29B, #5D836C, #6C4B6D, #643945)
• Aged Chestnut Pier color palette (#F8F3D0, #B2C2A6, #759489, #895224, #572B00)
• Basalt Atelier color palette (#D6F4E8, #769D87, #6C5D8E, #294111, #211F00)
• Aged Lagoon color palette (#FAEDD9, #57855D, #005861, #412200, #1E0D00)
• Weathered Ash Meadow color palette (#D5FFFB, #B4E2E9, #69A6B3, #795876, #422D48)
• Antique Canyon color palette (#E1EADE, #1BAF89, #007977, #004C5D, #001F2F)
• Hushed Chapel color palette (#B7F5E5, #6CBADD, #796F9F, #5A551B, #363100)

Browse the whole catalog at Explore, or see today's palette.