Cocoa Market color palette — #FFF0FB · #E7D6D6 · #D8B7C3 · #A58C85 · #773A1C

Bronze takes the lead with Rosewood Mist close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Silver (#E7D6D6): a clean, paper-quiet neutral.
• Rosewood Mist (#D8B7C3): A luminous, dusty rose — the color of a warm blush.
• Heather (#A58C85): A luminous, dusty orange — the color of toasted spice.
• Bronze (#773A1C): A full-bodied, balanced orange — the color of toasted spice.

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

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

• Ancient Chestnut color palette (#FFF1F5, #D0A9D8, #AA7C97, #7C4419, #412200)
• Bronze Ridge color palette (#FFF1F2, #F3D4C3, #D1A59B, #9C6E34, #5D4200)
• Patina Powder color palette (#FFF0FB, #E3D7EB, #B6AFF5, #877DA9, #614450)
• Shell Villa color palette (#FFF1F5, #FFA2A9, #BC7566, #6D5E19, #2C2F00)
• Washed Boulevard color palette (#F9DAED, #BC738D, #903E41, #4A3400, #110E00)
• Muted Ash Delta color palette (#F5F4FF, #EBD8FF, #B98CBC, #99665E, #583421)
• Worn Olive Atelier color palette (#F1F9E4, #B8CFC2, #9F8796, #70762F, #3C5846)
• Softworn Powder Corridor color palette (#F4F6EE, #BDE1F2, #B0C1F3, #749D84, #36544D)

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