Washed Petrol color palette — #EEF4EF · #D8DBEE · #829DCD · #2D758B · #2D364B

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

The five colors

• Cream (#EEF4EF): bright and airy, almost weightless.
• Silver (#D8DBEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#829DCD): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#2D758B): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#2D364B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Shell Pier color palette (#EAF3FF, #D9D5E2, #E4B7D0, #658AA4, #363D4C)
• Washed Veranda color palette (#E2ECE4, #7CBFD4, #0074A2, #004B4B, #00162E)
• Aged Amber Veranda color palette (#E9F3FF, #8EB7E4, #C7903B, #4875A4, #1F3820)
• Washed Cobalt Loft color palette (#E1F5FF, #7CBCDD, #3687C4, #375783, #2C3952)
• Cerulean Corridor color palette (#EEF4EF, #C0E3ED, #009FB0, #106F54, #0C3042)
• Patina Workshop color palette (#FAF4ED, #C8E9EE, #8996C8, #5B775C, #614C54)
• Weathered Quarry color palette (#E1EBE3, #66A3D0, #0053B2, #003843, #040031)
• Weathered Loft color palette (#E9F3FF, #769ED8, #CB6E72, #5B864D, #1C2837)

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