Worn Cocoa color palette — #FFF2EE · #B5B277 · #7D383E · #45241A · #23190D

A conversation between Rust and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sage (#B5B277): A luminous, dusty green — the color of new leaves after rain.
• Rust (#7D383E): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#45241A): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#23190D): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Worn 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 Basalt Basin color palette (#FDF3EC, #CFC08C, #7E5237, #562C00, #28251D)
• Mulberry Quarry color palette (#FFF1F3, #A3B879, #6F3972, #3F2041, #2B1E20)
• Timeworn Marigold color palette (#FCEDF7, #E3A561, #804031, #341F2F, #140811)
• Antique Marigold color palette (#FEF4E6, #C99A00, #604100, #352200, #161402)
• Softworn Terracotta color palette (#FBF3F0, #E6968F, #38813D, #9F3735, #242518)
• Sand Thicket color palette (#FCF1FA, #EED298, #C0827E, #765772, #281E27)
• Dusty Amber Grove color palette (#E7DDC9, #AE8529, #433400, #1D1500, #050600)
• Ancient Amber color palette (#FFF3E3, #CD8352, #6D6F11, #414A78, #413C36)

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