Patina Petrol color palette — #ECF7FF · #79BBDD · #B67C65 · #007687 · #004B5B

Teal and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#79BBDD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Caramel (#B67C65): A luminous, balanced orange — the color of toasted spice.
• Teal (#007687): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004B5B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged muted, cool.

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 Petrol Grove color palette (#F2F5FF, #B2A9DE, #B97B5B, #007398, #433C60)
• Antique Pier color palette (#EFF6FD, #8EB6D8, #A37CA9, #51753E, #1E4664)
• Timeworn Lagoon Study color palette (#EEF6FF, #CAD9EE, #A7A2B6, #57878F, #405367)
• Washed Rust color palette (#EFF6FF, #6797FF, #C7471A, #006168, #082676)
• Weathered Basalt color palette (#FFF0F9, #C5C5FF, #A69B62, #44775D, #2F3F00)
• Washed Bronze color palette (#FFF1F5, #A988C0, #9C5F42, #365F2E, #254B3E)
• Weathered Delta color palette (#F4F4FF, #DFB1FF, #D49981, #749166, #23475C)
• Weathered Alley color palette (#F2F0FA, #B787BF, #625165, #383644, #1F2128)

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