Cocoa Quarry color palette — #F9EDFF · #D49AB9 · #AE5C5D · #7C3E00 · #473800

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

The five colors

• Blush (#F9EDFF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#D49AB9): A luminous, dusty rose — the color of pressed rose petals.
• Brick (#AE5C5D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#7C3E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#473800): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Worn Lantern color palette (#FFE6F6, #E29F9A, #A96A35, #674D00, #364700)
• Worn Terracotta Quarry color palette (#FFE9F4, #EFACB8, #CF726B, #9E4500, #5D3300)
• Garnet Boulevard color palette (#EBF2FF, #B19CD2, #9C6199, #883140, #692900)
• Hushed Study color palette (#F8F6E0, #BB80B6, #965739, #03576A, #54332F)
• Patina Market color palette (#FCF3F2, #E0DAD2, #C2C0B4, #92647A, #534342)
• Driftwood Pier color palette (#FFF1F5, #C8A39C, #9F8364, #6E596D, #5F3F4A)
• Washed Peony color palette (#F7DDF3, #E15885, #A03500, #4F3900, #283000)
• Worn Bronze Archive color palette (#FFF2EE, #EBCBFF, #F38FA2, #A07D00, #3E3633)

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