Cocoa Market color palette — #F8E7F0 · #966D33 · #742C00 · #50001B · #1A1600

Built around Rust, softened by Espresso — the whole palette hums with optimism and balance.

The five colors

• Blush (#F8E7F0): A whisper-light, dusty pink — the color of neon signs at night.
• Walnut (#966D33): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#742C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#50001B): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#1A1600): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns 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

• Bronze Pier color palette (#E1ECE1, #7E7835, #5E3E00, #481500, #0B1B00)
• Hushed Garnet color palette (#F6DFEA, #9E8357, #80431A, #631623, #272600)
• Hushed Onyx Loft color palette (#F9E9FC, #638742, #4E001C, #341D0E, #1A0005)
• Timeworn Rust color palette (#FCD4D8, #C25D2D, #674300, #262900, #001A05)
• Rust Coast color palette (#EEE2EF, #B4535F, #334700, #62001D, #020400)
• Faded Courtyard color palette (#FDE8DB, #CD9140, #C25928, #8D3B4D, #1E1500)
• Quiet Garnet color palette (#FFE6F6, #C3925A, #A24D2D, #7E213F, #3E3508)
• Fern Corridor color palette (#D5E7DC, #49631D, #332C00, #1C0C00, #000502)

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