Patina Petrol color palette — #EFF6FB · #9DC7DF · #976D8F · #1B7895 · #2F2C37

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

The five colors

• Ivory (#EFF6FB): bright and airy, almost weightless.
• Sky (#9DC7DF): A luminous, dusty blue — the color of deep harbor water.
• Slate (#976D8F): A full-bodied, dusty pink — the color of peonies in June.
• Teal (#1B7895): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#2F2C37): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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

• Weathered Bloom color palette (#F1F5FC, #B0BFEA, #AC6861, #586AA4, #362934)
• Patina Periwinkle Delta color palette (#E7FAF3, #80ACD6, #816C99, #336456, #3C485D)
• Ancient Azure Bloom color palette (#F0F6FB, #B5D5F5, #9393D8, #3692DC, #292D39)
• Ancient Garnet color palette (#ECF7FF, #A1BEE7, #827DB1, #704E7F, #6B2E59)
• Powder Quarry color palette (#F1F5FF, #D3DCED, #B7C2FF, #B27FAA, #444865)
• Timeworn Quarry color palette (#F0F6FC, #DBD9E0, #B4A9A9, #6984A6, #4E535A)
• Washed Cobalt color palette (#F1F5FF, #7977B5, #8A5775, #6F491A, #1C373D)
• Airy Plum Corridor color palette (#EDF6FF, #42AAF4, #B4125C, #005A8F, #26142D)

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