Softworn Cocoa color palette — #EBF5EB · #96B49F · #8D6F42 · #6A411E · #082A1D

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#EBF5EB): bright and airy, almost weightless.
• Sage (#96B49F): A luminous, dusty teal — the color of sea glass.
• Walnut (#8D6F42): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#6A411E): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#082A1D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Hushed Cocoa Station color palette (#FFEBF6, #C3A0AE, #9A674F, #753731, #162817)
• Aged Chestnut Atelier color palette (#D5E6D4, #7EA389, #865A11, #602F01, #001E11)
• Patina Coast color palette (#FFF3E5, #AFA978, #916A34, #7A4019, #433F00)
• Softworn Chestnut Thicket color palette (#EBFAEB, #BFE8D2, #B7986E, #905B48, #193832)
• Chestnut Corridor color palette (#FFE3ED, #9E8153, #7C4600, #541E00, #130E00)
• Wandering Bronze color palette (#D7E6DA, #7D7337, #573F00, #341C00, #050600)
• Timeworn Coast color palette (#F4F0F8, #D99FBF, #AC5E00, #9B3B77, #1A0710)
• Tempered Mulberry Villa color palette (#F3EFFC, #C8B07E, #70436A, #391A36, #0E0A16)

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