Weathered Petrol color palette — #E0ECEA · #8EBAD1 · #007697 · #004A50 · #001926

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

The five colors

• Frost (#E0ECEA): bright and airy, almost weightless.
• Ash (#8EBAD1): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007697): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004A50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001926): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Muted Pier color palette (#EBF4F3, #A5CEE8, #3D84AC, #005968, #04223A)
• Antique Denim color palette (#CEE5E4, #79A2BF, #005B99, #003748, #000A20)
• Patina Study color palette (#D3ECEA, #4E7F9B, #003F64, #001E27, #000104)
• Worn Cypress color palette (#EBF4F2, #C1E3EB, #559B9D, #106E5C, #0A313D)
• Worn Olive Cabin color palette (#D6F5E5, #8A8300, #007A81, #4D4900, #001618)
• Sunlit Jade color palette (#C7F8E4, #B4C99F, #6BB476, #676000, #00231C)
• Cocoa Courtyard color palette (#EEEFCE, #726F00, #006F5A, #812D00, #0C0B00)
• Muted Moss Coast color palette (#DDE6A2, #929D23, #515B00, #2A2E00, #050600)

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