Patina Oat Quarry color palette — #FFF2EE · #CBD8AC · #9D7166 · #63453C · #332926

A conversation between Pistachio and Mocha, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Pistachio (#CBD8AC): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#9D7166): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#63453C): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#332926): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Patina Oat 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

• Patina Boulevard color palette (#FBF5E7, #E1BF87, #7D7243, #4C4219, #262116)
• Dusty Chestnut color palette (#FBF2F9, #A8CAAF, #7E504A, #542B26, #322830)
• Dusty Driftwood Villa color palette (#F9F3F9, #EEFDC9, #AF7379, #533D55, #1E191F)
• Timeworn Bronze color palette (#FDF3EE, #F4DAB2, #CE8A81, #9A5A3C, #332924)
• Driftwood Dune color palette (#FCF3F0, #F9C1C0, #7BAA74, #BF7476, #2E2F28)
• Tempered Amber color palette (#EDDEC7, #B48C1C, #5A4000, #251800, #040200)
• Muted Rust Balcony color palette (#FFF2EB, #C1C064, #AD420C, #61260B, #281509)
• Worn Taupe Bloom color palette (#F8F5E9, #ACAE64, #5E916F, #257572, #48312D)

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