Patina Petrol color palette — #E3F2EF · #77C5D1 · #007389 · #003E3E · #000305

A conversation between Teal and Aqua, giving this palette its sense of trust and stability.

The five colors

• Cream (#E3F2EF): bright and airy, almost weightless.
• Aqua (#77C5D1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007389): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000305): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Hushed Cobalt Lagoon color palette (#E7FAF8, #A9D2EB, #0085B5, #00505B, #000E1B)
• Denim Orchard color palette (#D4EAE9, #85A6C3, #005696, #002938, #000105)
• Hushed Cerulean color palette (#F6E5DD, #009BAD, #00506D, #002D22, #00040F)
• Feathered Cerulean Veranda color palette (#F4EAF1, #61C0CF, #008FBD, #006F58, #00142C)
• Muted Studio color palette (#EFF7F6, #D6DEEA, #55B4D3, #007E84, #003347)
• Quiet Orchid Harbor color palette (#EDE7FF, #B252B0, #007099, #640065, #000103)
• Faded Grove color palette (#F8E6FB, #913CA2, #A80312, #004182, #030004)
• Muted Cocoa color palette (#F5DEEC, #B5734E, #842D00, #450400, #030100)

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