Cocoa Market color palette — #FFF2EC · #E8BA8F · #9E5E52 · #6A2F0D · #2A1F19

Built around Rust, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sand (#E8BA8F): A luminous, dusty gold — the color of old brass.
• Walnut (#9E5E52): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#6A2F0D): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2A1F19): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, 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

• Antique Mustard color palette (#FFF3E4, #DEB45F, #8A6000, #4F3500, #271700)
• Muted Cocoa Coast color palette (#FDF3EF, #BCAE83, #773D41, #4C1D21, #281A09)
• Pale Rust Archive color palette (#FCF3ED, #F4B394, #B5862E, #C06230, #2C2215)
• Coral Terrace color palette (#FAF2FA, #DDD995, #D3757D, #835457, #271E27)
• Dusty Rust color palette (#FBF2F9, #FFDFC2, #B1584B, #492E44, #150C13)
• Marigold Garden color palette (#FDDEC8, #E69800, #8F4100, #4C1F00, #1C0A00)
• Worn Thicket color palette (#FFEADD, #B67100, #631E00, #210500, #040100)
• Washed Driftwood Lantern color palette (#FFF4E0, #D3AA66, #938839, #22735E, #403D36)

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