Washed Petrol color palette — #ECF2FC · #DAD3E3 · #BBBBDE · #5167AA · #1D2533

Built around Slate, softened by Lavender — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#ECF2FC): bright and airy, almost weightless.
• Silver (#DAD3E3): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#BBBBDE): A luminous, dusty violet — the color of wild irises.
• Slate (#5167AA): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#1D2533): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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 Denim Atelier color palette (#E6E9F0, #C8CADA, #A49FC0, #4A4B93, #12161F)
• Wandering Petrol color palette (#FCF1FB, #F0D3D1, #CFB5B6, #4669A9, #493A47)
• Timeworn Iris color palette (#EFF6FF, #DED8E2, #B8B0A7, #5D8FEF, #2C3644)
• Mulberry Harbor color palette (#F3F0F9, #D9CFDF, #BDA0BF, #8B317C, #1D1529)
• Patina Atelier color palette (#D2DDFF, #B89CC9, #B56188, #555127, #00342E)
• Aubergine Market color palette (#DFDDE7, #A49CAE, #88738F, #590062, #05020F)
• Softworn Pine Summit color palette (#E0F9ED, #93B476, #008135, #194E81, #002721)
• Magenta Ridge color palette (#EDF1FF, #B2D5FF, #AAA6FF, #C554C3, #210D30)

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