Weathered Petrol color palette — #E1ECEB · #95B8D1 · #0073A8 · #004958 · #00172C

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

The five colors

• Frost (#E1ECEB): bright and airy, almost weightless.
• Ash (#95B8D1): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0073A8): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004958): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00172C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Weathered 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

• Timeworn Cobalt color palette (#E8F5F4, #B4CADF, #417FBD, #005773, #0C203E)
• Muted Sapphire color palette (#F4EDE8, #90BDA9, #0069BD, #00504F, #232A52)
• Cypress Chapel color palette (#DAE6E3, #60ABA9, #00656A, #003A32, #000D11)
• Wandering Orchard color palette (#E0F4F3, #547CA2, #003979, #001D2C, #00000C)
• Washed Boulevard color palette (#FDE9F0, #9E805C, #7A4707, #4F2300, #160C00)
• Patina Mulberry Archive color palette (#FAE6FF, #F5BBBB, #CE876F, #89305B, #360D14)
• Worn Nightshade color palette (#F2E7FA, #AE3672, #8C4B00, #4F1FB5, #1C000D)
• Quiet Terrace color palette (#F4E4FD, #B95B82, #7F6900, #82004A, #171100)

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