Cocoa Quarry color palette — #C8F0DD · #83B8AA · #8E708A · #734C53 · #683003

A conversation between Bronze and Mint Leaf, giving this palette its sense of optimism and warmth.

The five colors

• Honeydew (#C8F0DD): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#83B8AA): A luminous, dusty teal — the color of sea glass.
• Slate (#8E708A): A full-bodied, dusty pink — the color of neon signs at night.
• Coffee (#734C53): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#683003): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Petrol Summit color palette (#B7F5F4, #89AB94, #45798E, #694959, #57333E)
• Softworn Hollow color palette (#DADDF6, #C198AB, #986D78, #724647, #5F3427)
• Muted Cocoa color palette (#D8FFF4, #C6A7C2, #9F7B92, #7A5E5E, #734006)
• Powdered Courtyard color palette (#E4ECFF, #9291C8, #7E63A0, #7A283E, #562C03)
• Muted Coast color palette (#CAF1F0, #90BED1, #798DB3, #8B6342, #2D4D3F)
• Dusty Corridor color palette (#C7E6FB, #A1CAF1, #8EA3D4, #8A81A3, #493955)
• Antique Denim color palette (#D3E7F4, #6790BE, #4C558D, #522647, #3D1525)
• Patina Fern Villa color palette (#F9F5E7, #90A373, #4A6F35, #455204, #36362F)

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