Cocoa Quarry color palette — #FFF2EE · #C2AC7D · #7A3A45 · #4D1B24 · #2C1E1A

Oxblood and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Camel (#C2AC7D): A luminous, dusty gold — the color of old brass.
• Oxblood (#7A3A45): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#4D1B24): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#2C1E1A): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Hushed Chestnut color palette (#FDF3ED, #D2BD9B, #874E24, #552C19, #2D2618)
• Muted Bloom color palette (#FFF3E7, #BF9C50, #683C00, #3A1F00, #171300)
• Dusty Terracotta Market color palette (#FBF3F0, #E09993, #856D00, #A13533, #2B2312)
• Hushed Plum Courtyard color palette (#F8F3FC, #ADD196, #A55178, #4B3B56, #251E2A)
• Dusty Sand color palette (#FDF0FF, #F3D189, #BF8189, #715974, #281D29)
• Softworn Amber Grove color palette (#F9DED1, #B88A00, #6F1100, #380500, #110900)
• Hushed Dune color palette (#FEF4E4, #C28864, #7E670A, #00576D, #413C36)
• Bronze Station color palette (#FFF2EC, #B3685C, #006653, #00456D, #3E2427)

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