Timeworn Cocoa Market color palette — #FEF1F8 · #B6B26C · #7D3C1F · #472313 · #2B1C25

Bronze and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Sage (#B6B26C): A luminous, balanced green — the color of a quiet forest floor.
• Bronze (#7D3C1F): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#472313): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#2B1C25): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Timeworn Cocoa Market 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

• Mulberry Field color palette (#FBF1FE, #9FB97A, #832F4A, #39253F, #23181D)
• Muted Grove color palette (#EEF8F2, #CDA773, #5A5300, #342F00, #18251E)
• Wandering Mustard color palette (#FFF0F7, #E2BF77, #966446, #543947, #2B1D24)
• Hushed Amber color palette (#FEF3EB, #E5D598, #C38363, #825842, #2A1F17)
• Terracotta Study color palette (#FAF3F7, #EA9772, #008455, #964419, #132828)
• Muted Amber color palette (#DAEAD8, #B08E00, #533300, #281600, #051404)
• Velvet Chestnut Pier color palette (#D0E9DA, #7D5600, #282832, #191400, #030200)
• Pine Boulevard color palette (#FFF0F8, #C48A49, #367C35, #593F78, #2A4435)

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