Cocoa Quarry color palette — #FFF3E7 · #DFD3CB · #A7D2A4 · #A6B3AE · #5B3C00

Bronze and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Oat (#DFD3CB): a clean, paper-quiet neutral.
• Pistachio (#A7D2A4): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#A6B3AE): a calm mid-gray that lets other colors speak.
• Bronze (#5B3C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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

• Aged Mustard Workshop color palette (#FFF1F6, #E4DAD3, #D2C86C, #A3BAD3, #354B35)
• Wandering Stone color palette (#FFF2F0, #E1DCCF, #C2BFA2, #9A848E, #5A4951)
• Antique Fern color palette (#FFF2EB, #E6DEB7, #C1AF70, #7F8B52, #515502)
• Ancient Grove color palette (#F9F6E2, #EBFCA6, #D4D8CB, #59CCD7, #1C3A1F)
• Tempered Marigold color palette (#F9F0E9, #E7D5CA, #FDB073, #ABA361, #382710)
• Worn Jade color palette (#FCF2F7, #ECD4D1, #FFC191, #83AD65, #404F3F)
• Sunflower Chapel color palette (#FFF4DE, #DAD6CA, #DED66C, #19BBB2, #2C2600)
• Hushed Taupe Delta color palette (#FDF4E4, #DBE8B1, #CFC1FC, #B4964A, #5E394B)

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