Cocoa Quarry color palette — #EFDCD2 · #A05F30 · #762500 · #480009 · #0A0400

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

The five colors

• Bone (#EFDCD2): A whisper-light, dusty orange — the color of autumn markets.
• Ochre (#A05F30): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#762500): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#480009): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#0A0400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Softworn Pier color palette (#FAE8D4, #876E30, #5E3B00, #391800, #070500)
• Muted Garnet color palette (#F6E4D8, #AB7B50, #7F4222, #5A140E, #160C00)
• Softworn Garnet color palette (#F3DFD6, #B8564C, #504300, #6B0205, #020100)
• Washed Corridor color palette (#FFEEE2, #C4A585, #97694E, #753917, #2C200F)
• Garnet Balcony color palette (#FFE3D5, #782400, #00362A, #001A2F, #040001)
• Hazy Olive Grove color palette (#F3E9CA, #96AA5A, #746E00, #554000, #0E2203)
• Linen Parlor color palette (#DEF0F9, #6A8D00, #D0005B, #190005, #040000)
• Patina Bronze Grove color palette (#F8E0CC, #97661A, #673500, #411000, #080500)

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