Softworn Cocoa color palette — #F6F0DB · #AAB496 · #719175 · #845A50 · #734503

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

The five colors

• Cream (#F6F0DB): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#AAB496): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#719175): A luminous, dusty green — the color of fresh herbs.
• Pewter (#845A50): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#734503): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Washed Fern color palette (#F8F6E7, #ADB48D, #46806F, #575E33, #414700)
• Ancient Study color palette (#E8F7DE, #A3C1AC, #94748F, #835918, #465306)
• Muted Ash color palette (#E1FBE1, #B4CDBB, #7DAA96, #8D6678, #664550)
• Muted Dune color palette (#CDFEF5, #B1E3ED, #99C0DA, #9A8898, #5D4E5C)
• Timeworn Lantern color palette (#D7EACA, #5DA693, #007EA4, #872320, #4C3800)
• Aged Cerulean Corridor color palette (#CCF1F8, #8DBAC9, #508B9B, #505870, #31334A)
• Pale Parlor color palette (#EDF9EE, #58AFB4, #C76D4F, #007479, #613426)
• Feathered Bronze color palette (#E3FCEF, #1C96B9, #B55A6B, #A54A00, #1A412F)

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