Cocoa Quarry color palette — #FFF2EB · #D3C5AB · #919F7E · #86686C · #7C3D24

Bronze and Taupe set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Oat (#D3C5AB): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#919F7E): A luminous, dusty green — the color of fresh herbs.
• Pewter (#86686C): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#7C3D24): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Softworn Stone color palette (#FFF4DF, #D5D1B2, #ABB597, #8D7E8A, #58484D)
• Muted Chestnut color palette (#FFF4E1, #B5BC94, #698A71, #8E5928, #624E00)
• Aged Veranda color palette (#F5DDBF, #ACA97F, #408687, #7E3F25, #543500)
• Weathered Stone color palette (#E0FAE6, #A8CDC2, #809997, #646D7C, #3B3C4C)
• Muted Lantern color palette (#F7F6E6, #A2BA83, #C27DB8, #627D3A, #644347)
• Muted Studio color palette (#F8F6E3, #8EA15B, #BA6D93, #98647A, #44433B)
• Softworn Meadow color palette (#FBF3F1, #CCE8DF, #51A5C3, #517A56, #5C4D5D)
• Aged Cocoa color palette (#FFECD6, #789563, #00636B, #602303, #372200)

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