Washed Petrol color palette — #FFF0FD · #DBD3DB · #9BB3E5 · #4D6695 · #162848

A conversation between Slate and Sky, giving this palette its sense of trust and stability.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Silver (#DBD3DB): bright and airy, almost weightless.
• Sky (#9BB3E5): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4D6695): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#162848): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Powder Villa color palette (#D9FFF3, #DED9E4, #8DBDE5, #477396, #003127)
• Antique Mallow color palette (#FFF1F5, #E7D9E2, #C8A9E1, #785D8E, #44202D)
• Patina Bloom color palette (#FFF0FE, #DED8F5, #97BDF2, #6088C8, #263458)
• Washed Cobalt Orchard color palette (#EAF2FF, #B5D1FF, #6582CA, #384A79, #0C1E35)
• Softworn Study color palette (#FFF0F7, #C6B8F9, #D99C9D, #488E9B, #3C2C34)
• Violet Boulevard color palette (#F5F3FF, #C5B7FF, #7E62CF, #3C1678, #08001C)
• Washed Stone Cabin color palette (#FEF0FD, #E8D4D7, #A1CBD2, #AFB0A4, #584755)
• Driftwood Lantern color palette (#FBF2F6, #E4DCD2, #897EA8, #573E49, #23171D)

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