Cocoa Market color palette — #FFF3E7 · #DCDCCA · #B3B4BE · #CB9D84 · #613C00

Built around Bronze, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Bone (#DCDCCA): A whisper-light, dusty green — the color of a quiet forest floor.
• Ash (#B3B4BE): a calm mid-gray that lets other colors speak.
• Camel (#CB9D84): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#613C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Softworn Cocoa color palette (#FDF4E1, #CCF9CB, #90DAD5, #B8A27D, #574500)
• Dusty Dune color palette (#FFF2E9, #FFD3B1, #C29175, #955A33, #36312B)
• Washed Driftwood Parlor color palette (#FFF3E9, #DDE2C4, #A2D2B9, #AA5F7B, #6D4A00)
• Softworn Canyon color palette (#F5F9D9, #C2EFEA, #B4C1DE, #7F9566, #313A00)
• Washed Villa color palette (#EDF0CF, #ABC577, #629C50, #504200, #010100)
• Faded Quarry color palette (#FFF0DD, #F7C853, #B5AB4E, #874900, #050200)
• Mustard Pier color palette (#FBF5E3, #C6B51F, #4DB1A6, #976260, #2C240C)
• Feathered Chartreuse Courtyard color palette (#C1FAFF, #9BFB55, #E0DAE3, #434200, #151509)

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