Cocoa Quarry color palette — #FFF1F6 · #927ABD · #8D496E · #762E1E · #4A3403

Rust takes the lead with Raspberry close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Slate Blue (#927ABD): A luminous, balanced violet — the color of wild irises.
• Raspberry (#8D496E): A full-bodied, balanced rose — the color of strawberry cream.
• Rust (#762E1E): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4A3403): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Balance. Tagged warm.

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

• Driftwood Veranda color palette (#FFF1F3, #AA72A6, #904C50, #673D05, #2E335E)
• Airy Drift color palette (#FEF1FA, #7582CD, #7C4F85, #722E3F, #00404B)
• Pewter Thicket color palette (#E9F5F0, #5396BA, #834D85, #4D4000, #00222F)
• Plum Orchard color palette (#FAD8D7, #9F417A, #7D2200, #3A2C00, #2B0848)
• Violet Courtyard color palette (#FFD7EB, #B29DDF, #8762AB, #68457D, #5C3246)
• Dusty Chestnut Villa color palette (#FFF0F7, #D8ADBC, #A67F85, #8D4E31, #5D4700)
• Patina Meadow color palette (#F3F4FF, #B495D5, #8E71AD, #7F5300, #004049)
• Petrol Ridge color palette (#F4F6EF, #C1E5DC, #6B8CBA, #25698D, #5A3C56)

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