Cocoa Quarry color palette — #FFF0FA · #DFB7CF · #AC6C5A · #7A351E · #4E2A17

Built around Rust, softened by Mocha — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Carnation (#DFB7CF): A whisper-light, dusty pink — the color of peonies in June.
• Mocha (#AC6C5A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#7A351E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#4E2A17): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, 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

• Bronze Study color palette (#FFEEE4, #F0BAA5, #BA6D4E, #733A29, #2C1404)
• Dusty Lantern color palette (#FAF1FF, #DCC6EA, #A96F8A, #783555, #4F273C)
• Softworn Grove color palette (#FFF1F5, #B2D5B3, #A07C41, #6A4900, #4A2F0D)
• Worn Pier color palette (#FFF0FA, #FFC8B3, #D4876C, #8B563F, #4C2F42)
• Obsidian Cabin color palette (#F4DFD1, #995300, #471D00, #17170C, #120400)
• Antique Bronze color palette (#FBF2F5, #DFB892, #388E7D, #9B5C00, #1C3235)
• Misty Marigold Studio color palette (#FFF3E8, #E79C48, #9E5200, #5B2F00, #341D00)
• Bronze Balcony color palette (#E4E2CC, #9B8300, #4F3F00, #201A00, #0B0800)

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