Patina Quarry color palette — #FCF2F6 · #BFEDF7 · #A67B5F · #5D394B · #23171D

A conversation between Mocha and Cocoa, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Frost (#BFEDF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mocha (#A67B5F): A luminous, dusty gold — the color of old brass.
• Cocoa (#5D394B): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#23171D): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Basalt Field color palette (#EFF8F1, #B4E2ED, #6D9075, #564315, #151E17)
• Washed Terrace color palette (#FDF1F8, #E5E1AC, #C69077, #7F6473, #33272E)
• Aged Workshop color palette (#DDF5E9, #C59B3A, #3F3E00, #1C2027, #080800)
• Stone Terrace color palette (#FAF0E9, #CCC689, #835440, #4E2400, #1B120C)
• Washed Olive color palette (#EAF9F4, #FBE3B0, #6F7E38, #333E00, #01140E)
• Aged Cobalt Market color palette (#FEF1F6, #E9B88F, #73BBCB, #747DB4, #3F2A33)
• Twilit Delta color palette (#F6DBE4, #9A7302, #2B1500, #0E0C05, #020100)
• Tempered Chestnut Study color palette (#EEF8F2, #EACC8F, #726311, #2F2800, #000502)

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