Patina Petrol color palette — #FFF2ED · #E4AAA5 · #BF8A67 · #007C88 · #341F1B

Teal takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Rose Quartz (#E4AAA5): A luminous, dusty orange — the color of toasted spice.
• Caramel (#BF8A67): A luminous, balanced gold — the color of old brass.
• Teal (#007C88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#341F1B): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Patina Petrol 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 Studio color palette (#FDF3ED, #D6A48F, #988D49, #436798, #35261D)
• Patina Pine color palette (#FFF1F0, #E3A3BD, #C7818D, #477847, #301E26)
• Timeworn Petrol Studio color palette (#FAF5E7, #FFCED7, #CD917F, #4077A5, #513836)
• Jade Delta color palette (#F9F2FE, #F1A3CB, #91B066, #369BA2, #303546)
• Hushed Chestnut Hollow color palette (#FEF2EE, #DA9C93, #734B00, #38261E, #160D0C)
• Ember Garden color palette (#FFF2EA, #F06403, #996C00, #005D7D, #240202)
• Wandering Stone color palette (#FBF3F2, #DEDAD3, #A8B7B7, #D09EAE, #554B49)
• Worn Lantern color palette (#FFF1F4, #E3D8D2, #DB9C91, #A76D24, #4B3F00)

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