Softworn Cocoa color palette — #CDECE5 · #87A9AA · #4F7A8F · #7D443B · #344D33

A conversation between Coffee and Slate, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#CDECE5): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#87A9AA): A luminous, dusty teal — the color of sea glass.
• Slate (#4F7A8F): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#7D443B): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#344D33): A deep, shadowed, dusty green — the color of new leaves after rain.

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 Fern Courtyard color palette (#C1F3FE, #84ABC7, #6E7B9E, #5F531D, #2C502D)
• Softworn Courtyard color palette (#E0F5E5, #8EB6AE, #58838D, #724655, #543638)
• Timeworn Study color palette (#E7F9FF, #B2C2CF, #9195B1, #587163, #3A4F56)
• Dusty Ash color palette (#C4EBFF, #9AB7CC, #7596C0, #775D7F, #463B59)
• Weathered Denim Archive color palette (#C2E9E4, #52908E, #11648E, #5D2000, #342A00)
• Fern Lagoon color palette (#FFF1F6, #A89B6D, #5C6A2C, #085941, #1E3D2B)
• Cobalt Garden color palette (#FBF2F7, #A9CAE1, #4E7BAC, #00605F, #2D3663)
• Faded Bronze color palette (#B4EED8, #84D6E6, #BD9FB8, #B1734D, #6D3509)

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