Cocoa Quarry color palette — #FBECC1 · #93BE9D · #75977C · #775E5F · #773C19

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

The five colors

• Custard (#FBECC1): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#93BE9D): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#75977C): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#775E5F): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#773C19): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, 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

• Patina Basin color palette (#FFECDD, #BEAC85, #788743, #6F5960, #5E403C)
• Patina Bronze Thicket color palette (#F6F8DA, #B8D1B3, #7A9D8D, #A26144, #814326)
• Chestnut Corridor color palette (#FEF4E4, #AEB675, #5C7E56, #765204, #4F4200)
• Patina Cerulean Quarry color palette (#D1EDE2, #5D9EAD, #7A5872, #623B1F, #34312B)
• Sunlit Lagoon color palette (#C7FDE0, #55BEC0, #6080A9, #774F32, #523F0B)
• Antique Basalt Ridge color palette (#E1FFE0, #A5CAC3, #78A2B2, #85768A, #5F4866)
• Antique Teal Basin color palette (#E0E8D6, #47AE91, #007592, #783241, #5B220D)
• Raspberry Workshop color palette (#EBFBE0, #009F82, #AF5A88, #905656, #313C28)

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