Cocoa Quarry color palette — #FCF1FA · #C4AB77 · #863228 · #40223B · #25191C

Built around Rust, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Camel (#C4AB77): A luminous, dusty gold — the color of old brass.
• Rust (#863228): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#40223B): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#25191C): quiet, heavy and certain.

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

• Chestnut Meadow color palette (#FAF3F5, #D2BE94, #7E532A, #4D2D3B, #2D2322)
• Worn Terracotta Meadow color palette (#FAF3F7, #E5997A, #767300, #9A4013, #142920)
• Dusty Garden color palette (#FDF3ED, #F9CC9D, #B98778, #82564A, #2E1D13)
• Marigold Thicket color palette (#E8FBEB, #CB9900, #5D4300, #332300, #09200F)
• Quiet Workshop color palette (#FCD9EA, #B88A00, #5F2900, #2E1100, #1E0514)
• Patina Rust Terrace color palette (#FFF0FA, #BC654E, #008378, #115785, #402B3A)
• Chestnut Studio color palette (#E3F3E2, #785900, #272230, #1F1100, #040200)
• Timeworn Bronze Terrace color palette (#FAF3F5, #CCDADD, #A7C5C3, #956A40, #4F4448)

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