Softworn Cocoa Alley color palette — #E8FBEE · #8DB0A5 · #807242 · #704724 · #264341

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#E8FBEE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8DB0A5): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#807242): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#704724): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Forest (#264341): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Softworn Cocoa Alley 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

• Chestnut Meadow color palette (#D6EFE1, #70A396, #6E6523, #623900, #0F3737)
• Wandering Driftwood Pier color palette (#EAFAF0, #9DCAB6, #A38E3F, #826333, #26443C)
• Dusty Bronze Dune color palette (#FAF1DE, #ADAF82, #857432, #624619, #26230F)
• Tempered Bronze color palette (#FFF0F9, #C09CA7, #9C614B, #743F4B, #294435)
• Wandering Atelier color palette (#FFF4E0, #CAD997, #BCAB7E, #9F8169, #3B4200)
• Garnet Courtyard color palette (#F5D2E6, #B38340, #953B00, #740029, #2F2A00)
• Pale Studio color palette (#EFF4FF, #AE9ED2, #9D598B, #941C3A, #682C00)
• Timeworn Fern Veranda color palette (#F3F4FF, #8E71B4, #9D5D4E, #32601D, #2F3048)

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