Patina Petrol color palette — #F7EFE2 · #50B2B1 · #008392 · #006048 · #000B11

A conversation between Cerulean and Turquoise, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7EFE2): bright and airy, almost weightless.
• Turquoise (#50B2B1): A luminous, balanced teal — the color of sea glass.
• Cerulean (#008392): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006048): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#000B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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 Quarry color palette (#E9DFD0, #6AC0C5, #0092AB, #006F5C, #001721)
• Spruce Corridor color palette (#F9EBE7, #41A4A3, #00627B, #003F12, #00091A)
• Timeworn Cobalt Delta color palette (#E5DED3, #6AA9CE, #0076CF, #005B68, #01032A)
• Patina Lagoon Study color palette (#E2F0ED, #2D8887, #004449, #00201B, #000202)
• Chalky Atelier color palette (#EEF1E3, #5AC6A5, #00A9AE, #5C7400, #0A1100)
• Cornflower Parlor color palette (#F5EBDC, #99C6E5, #3C94F2, #007A8D, #0D1949)
• Washed Emerald color palette (#DCEADF, #00A55A, #007536, #003E17, #000300)
• Quiet Sky color palette (#F4EDE3, #A2DEEE, #03B3EE, #00918D, #003052)

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