Patina Petrol color palette — #DFF1EE · #4EA3B2 · #366E9C · #65343F · #411B0C

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

The five colors

• Honeydew (#DFF1EE): bright and airy, almost weightless.
• Cyan (#4EA3B2): A luminous, balanced blue — the color of deep harbor water.
• Slate (#366E9C): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#65343F): A deep, shadowed, dusty red — the color of a theater curtain.
• Espresso (#411B0C): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Cerulean Veranda color palette (#C2ECF2, #2593C5, #495D9A, #5F2B25, #2B1400)
• Timeworn Cocoa color palette (#D1F3E5, #7C93C1, #7B66A1, #723401, #312400)
• Softworn Petrol Delta color palette (#D7F2FA, #75B1D2, #486E9F, #52355B, #2A0324)
• Timeworn Aubergine color palette (#EDEDDA, #56A484, #007D81, #5F336C, #461733)
• Wandering Chestnut color palette (#D2E5D5, #65B5B7, #558AB3, #92592D, #3B2500)
• Aged Aubergine Veranda color palette (#D3EEE5, #5A70A7, #65398B, #502800, #140F00)
• Dusty Veranda color palette (#D1F4E5, #0092C5, #AC5D00, #005A7B, #2C1300)
• Hazy Iris Drift color palette (#D7F5FF, #76B1E2, #7D7BDA, #8A4334, #543402)

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