Patina Cocoa Quarry color palette — #D2E7E7 · #8FBAA3 · #8B6C87 · #7B424B · #332D29

Coffee takes the lead with Slate close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#D2E7E7): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8FBAA3): A luminous, dusty teal — the color of glacier melt.
• Slate (#8B6C87): A full-bodied, dusty pink — the color of neon signs at night.
• Coffee (#7B424B): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#332D29): quiet, heavy and certain.

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

Use it as a design system

One click turns Patina 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

• Cobalt Field color palette (#BDF2FF, #86ACCB, #7478B2, #784337, #422700)
• Teal Orchard color palette (#E0EEC5, #57B9B5, #528297, #693D56, #462419)
• Ancient Orchard color palette (#D1FDEE, #D1AFC9, #A17C8B, #7F4E16, #3D3A33)
• Worn Cocoa color palette (#C3F0F6, #719B8D, #59628C, #6A2E10, #2B1400)
• Chestnut Quarry color palette (#BEF4E6, #7FB2AF, #3E8395, #785117, #3A501A)
• Tempered Lilac color palette (#DFEBFF, #9E8FD6, #805684, #553A00, #212800)
• Aged Bronze color palette (#E4FFD4, #A9F0EF, #96ABE2, #967138, #443F39)
• Weathered Denim color palette (#D7E2EF, #595CA1, #5B376B, #351E00, #0C0A00)

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