Cocoa Quarry color palette — #FFF2EF · #E1D9CF · #9FB8B0 · #B996B6 · #743818

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1D9CF): a clean, paper-quiet neutral.
• Ash (#9FB8B0): A luminous, dusty teal — the color of glacier melt.
• Mauve (#B996B6): A luminous, dusty pink — the color of neon signs at night.
• Bronze (#743818): A full-bodied, balanced orange — the color of autumn markets.

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

Use it as a design system

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

• Timeworn Study color palette (#FFF2EB, #DEDDCC, #ABC1DB, #D7B3AB, #76420E)
• Muted Hollow color palette (#FFF3E7, #BEEAD1, #99C3DB, #CF7A71, #573700)
• Tempered Bloom color palette (#D4F5FF, #FFD0C5, #D0C6CF, #5B2500, #251913)
• Worn Bronze Chapel color palette (#FFF3E5, #EDDCA6, #B9976E, #945B30, #33322B)
• Driftwood Meadow color palette (#FEF0FF, #E9D6D8, #EAC090, #A85E7E, #5D4858)
• Aged Driftwood Basin color palette (#F9EDFD, #EDD0D2, #CEC88A, #8F6CA0, #392434)
• Airy Sunflower Archive color palette (#FFF2EF, #E1DCCF, #E9E259, #C36797, #401600)
• Misty Celadon color palette (#FFF4DE, #BAF688, #62D4BD, #8A510E, #1E1700)

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