Patina Loft color palette — #FFF2EF · #B8CD9C · #9E5B68 · #5B3830 · #2B1E1B

Mocha takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Pistachio (#B8CD9C): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#9E5B68): A full-bodied, balanced red — the color of a theater curtain.
• Cocoa (#5B3830): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#2B1E1B): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Bronze Drift color palette (#FEF3EB, #DED0AB, #A86E42, #733D0C, #322924)
• Plum Market color palette (#F9F3FA, #D7F1AF, #AE566C, #442F4A, #130D15)
• Tempered Canyon color palette (#FFF3E4, #D7B75D, #8D5E00, #513400, #241807)
• Aged Cocoa color palette (#FCF1FB, #94B99C, #7A3C3B, #4B1E1E, #2A1D29)
• Moss Chapel color palette (#FDF2EF, #FBABB2, #729E5B, #B6646D, #252510)
• Bronze Alley color palette (#EADDD2, #887400, #432200, #1B1F16, #0D0400)
• Muted Terracotta color palette (#F8DFD2, #AFB400, #A52200, #580E00, #1F0800)
• Tempered Ridge color palette (#FFF3E4, #EB9982, #878C40, #555F92, #423C37)

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