Washed Petrol color palette — #EAF3FF · #CCD4FF · #B6ACDF · #4873A0 · #1C283E

Slate and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF3FF): bright and airy, almost weightless.
• Lilac Frost (#CCD4FF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#B6ACDF): A luminous, dusty violet — the color of wild irises.
• Slate (#4873A0): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#1C283E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged pastel, light, 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

• Tempered Atelier color palette (#E2F5FF, #BAE3FF, #8DBDEA, #13838B, #002739)
• Timeworn Pewter Garden color palette (#F1F0FF, #F8D0F7, #CE9FBA, #6F618E, #211D32)
• Petrol Cabin color palette (#FEF0FF, #F9D0E6, #D89CCD, #007D94, #51394B)
• Softworn Cobalt Harbor color palette (#FFF0FD, #E2D6EE, #C5B6FF, #518FD4, #4D3348)
• Hazy Pier color palette (#D1E0FF, #ACA4EB, #9B72C3, #354E8A, #0E072B)
• Turquoise Pier color palette (#EEF6FF, #E0D9E3, #B3B1A6, #44A3B4, #2E3A56)
• Antique Basin color palette (#F0F0FF, #EDB0F9, #DA86C3, #6448AA, #2B063D)
• Hushed Pewter color palette (#F6EEFF, #F3D1CC, #FFA6B0, #985B91, #471A2F)

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