Washed Petrol color palette — #C1E9E0 · #7EADBA · #5E759A · #2E543C · #143320

Slate takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#C1E9E0): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7EADBA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#5E759A): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Olive (#2E543C): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#143320): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

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

• Worn Loft color palette (#D7F0F3, #7AAAB0, #567C8C, #624105, #193411)
• Tempered Corridor color palette (#CBF2F0, #92ADD6, #9068A2, #00644F, #003630)
• Weathered Atelier color palette (#D5E9EB, #8093AE, #785D80, #004A40, #002426)
• Dusty Violet Garden color palette (#CEE7E3, #5BAACF, #8357A9, #284900, #142800)
• Ancient Abyss color palette (#E0F6FE, #AAC8D3, #8F9BAC, #54766B, #1E464E)
• Tempered Petrol color palette (#BDF0FF, #6CA5BF, #5C6F9C, #664B68, #553738)
• Weathered Fern color palette (#FFECF3, #84AA95, #506F3D, #005152, #022314)
• Cobalt Delta color palette (#F7EFF2, #AECBE5, #6377BE, #005B5B, #25173C)

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