Patina Petrol color palette — #CEE5EA · #618FB1 · #60699C · #643A2F · #170A00

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

The five colors

• Silver (#CEE5EA): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#618FB1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#60699C): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#643A2F): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#170A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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 color palette (#D1E0FB, #867CBA, #7B567D, #5F4505, #141700)
• Chalky Lagoon color palette (#DEF6EB, #1F9C9D, #1A7198, #6E3457, #2B0004)
• Wandering Cerulean color palette (#DDEDE2, #008897, #3D518B, #3C3500, #181400)
• Softworn Coast color palette (#EFE3D2, #60B0B1, #008395, #005F4B, #000B12)
• Tempered Studio color palette (#D0E0F5, #A49DD0, #9B739F, #785D2A, #2C2C00)
• Patina Alley color palette (#EFE2EE, #437ADD, #956600, #0045C3, #0A0500)
• Weathered Pier color palette (#DAE7D1, #3A867B, #004C74, #242100, #010200)
• Inked Navy Pier color palette (#D0F1F8, #2E597F, #262974, #300500, #0A0400)

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