Patina Cocoa Quarry color palette — #FFF2EA · #E9BD9C · #B17B64 · #81443E · #2E1E08

Built around Coffee, softened by Caramel — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#E9BD9C): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#B17B64): A luminous, dusty orange — the color of sun-warmed clay.
• Coffee (#81443E): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#2E1E08): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Patina 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 Atelier color palette (#FFF4DE, #C9CD91, #988A4F, #6D5329, #252207)
• Softworn Bronze color palette (#FFF3E7, #D3AB6F, #A7641D, #6A361E, #1A1000)
• Muted Atelier color palette (#FFF3E7, #F2D9B0, #BC9670, #945B2F, #34312B)
• Patina Dune color palette (#F1DFC7, #9D832F, #684600, #361900, #010100)
• Tempered Rust color palette (#F6E4D8, #DABC99, #CE8B70, #B15B6C, #33302A)
• Weathered Terracotta color palette (#EBDBE5, #B9905F, #9C4826, #5F2B37, #061D11)
• Patina Chestnut color palette (#FFDEC4, #C28E50, #904A09, #5B1500, #060300)
• Azure Loft color palette (#DDFEF1, #00AAEC, #C86B64, #7A5A00, #001B12)

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