Patina Quarry color palette — #FBF3EE · #E0DBCE · #C3C1B3 · #976754 · #4E4641

Built around Walnut, softened by Bone — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Stone (#C3C1B3): soft and architectural.
• Walnut (#976754): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#4E4641): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Patina 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 Bronze color palette (#F8F0EC, #D9D7CF, #BEBEAC, #986758, #322A26)
• Patina Driftwood Study color palette (#FFF3E4, #BCAD8D, #95853D, #5B6D53, #425443)
• Timeworn Bronze color palette (#F0E3DA, #BCA58E, #A17639, #582800, #1C1108)
• Tempered Chestnut color palette (#FFF3E7, #E4CFB4, #BAA37D, #824B00, #37322C)
• Weathered Bloom color palette (#F9F5EB, #B5B471, #70794A, #7E4C16, #514100)
• Weathered Fern color palette (#ECECE3, #B9BBAA, #8B9277, #314F00, #202014)
• Patina Apricot Pier color palette (#FFF3E8, #FFCEBD, #F69A4B, #B58B41, #433D38)
• Hushed Amber color palette (#FFF3E3, #D97D2C, #856325, #295A37, #423C37)

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