Cocoa Ridge color palette — #EAECFF · #C7B6EF · #A586AF · #766D6A · #733A21

Bronze takes the lead with Lavender close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Frost (#EAECFF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#C7B6EF): A luminous, balanced violet — the color of a velvet chair.
• Dusty Rose (#A586AF): A luminous, dusty pink — the color of neon signs at night.
• Pewter (#766D6A): a grounded near-black with real depth.
• Bronze (#733A21): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Washed Mallow Hollow color palette (#FFF0FF, #E4A5CD, #B48494, #926A46, #654707)
• Dusty Ash color palette (#C7E7FF, #A4C2EC, #8C95CA, #8A627D, #663A49)
• Muted Wisteria color palette (#F2F5FF, #E8CEFF, #C487C6, #98675D, #5E341B)
• Cocoa Corridor color palette (#EEE3F0, #B78CAA, #8B586A, #6D400D, #322200)
• Worn Fern Boulevard color palette (#D7F5FF, #98AEE0, #886D95, #4C6500, #225743)
• Aged Atelier color palette (#FFF2EF, #E3C9C1, #C1AA9E, #997D37, #5D5200)
• Timeworn Courtyard color palette (#E4F4FF, #BFCBFF, #CF9ADA, #739656, #205554)
• Worn Blush Loft color palette (#FEE2EC, #EA8899, #BC6E5F, #6F5D20, #414300)

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