Worn Cocoa color palette — #E7F2E7 · #B6D9CB · #85B0AD · #684500 · #000400

Bronze and Sage set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#E7F2E7): a clean, paper-quiet neutral.
• Oat (#B6D9CB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#85B0AD): A luminous, dusty teal — the color of glacier melt.
• Bronze (#684500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Worn Basalt Lantern color palette (#D6E3DD, #A8C1BE, #7A989E, #3E3F00, #000201)
• Wandering Garnet Thicket color palette (#F6EAF3, #E5C6D1, #8AB09D, #852822, #050105)
• Driftwood Ridge color palette (#EAE4DC, #ADA99A, #81853D, #493300, #1C1202)
• Forest Quarry color palette (#ECF8F7, #CCDCEC, #A7BECF, #197141, #001010)
• Jade Thicket color palette (#C3EBDF, #00A776, #00595B, #46182F, #000201)
• Shadow Fern color palette (#CFF5E4, #505100, #36424A, #11191D, #000803)
• Aged Moss Station color palette (#FBE4D1, #8BA54F, #176B62, #3E1E44, #16001B)
• Charred Chestnut Meadow color palette (#E1F2E1, #8A5D00, #003F67, #200039, #020006)

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