Patina Petrol color palette — #F3E6DE · #92BFA7 · #3B6EA3 · #004D3F · #110E37

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

The five colors

• Parchment (#F3E6DE): bright and airy, almost weightless.
• Mint Leaf (#92BFA7): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#3B6EA3): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3F): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#110E37): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Aged Petrol color palette (#F4EDE3, #94BCA6, #0070A0, #004F51, #042E56)
• Cobalt Garden color palette (#FFEEE4, #5DCDE6, #0078B9, #00543D, #0C0554)
• Nightshade Canyon color palette (#F9EDE1, #70A2C9, #3C4EA7, #003939, #110026)
• Weathered Drift color palette (#FFEDE9, #BBDAB7, #0091AF, #0D6711, #002645)
• Dusty Garden color palette (#F8EAF2, #A6CADF, #3B89D9, #006E5B, #272659)
• Worn Hollow color palette (#EEE0D9, #4398A1, #00506F, #002E18, #000316)
• Worn Courtyard color palette (#FFE1E2, #F6BDB6, #C09953, #5E4884, #340B1A)
• Gentle Plum color palette (#FAEAF0, #B12F77, #006E5B, #005159, #1C000E)

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