Patina Petrol color palette — #F4F6EF · #C2E5DC · #688CBF · #136A92 · #573E54

A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C2E5DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#688CBF): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#136A92): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#573E54): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Softworn Iris Delta color palette (#F7F1EA, #B3EADB, #768AC9, #006A79, #3E2231)
• Softworn Courtyard color palette (#F5F6EF, #C5E6CD, #009AB5, #007170, #2E5040)
• Timeworn Ash Lantern color palette (#F1F7F0, #D9DCFA, #91A3D6, #468591, #41465F)
• Weathered Archive color palette (#F3F7EB, #AAD3F8, #1E80E1, #006183, #233E70)
• Aged Lantern color palette (#DEE0D3, #67AABD, #00607C, #003D42, #002333)
• Timeworn Teal color palette (#FBF4EC, #C6E7EC, #B1BAEA, #3DAAB0, #4F3F62)
• Timeworn Navy color palette (#DFE3D5, #4E88A7, #004064, #00212A, #000919)
• Sunlit Emerald color palette (#F4F8E1, #4E9D53, #008A9D, #8A6000, #383932)

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