Washed Petrol color palette — #F0F6FD · #DAD7E5 · #ADB3C4 · #45629C · #353B43

Slate takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#DAD7E5): a clean, paper-quiet neutral.
• Ash (#ADB3C4): A luminous, dusty violet — the color of a velvet chair.
• Slate (#45629C): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#353B43): a grounded near-black with real depth.

Feels like: 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

• Softworn Harbor color palette (#EEF2F8, #D7D4DD, #B6B4C9, #2C64AC, #16212E)
• Cobalt Coast color palette (#F8F3F8, #E2D6D6, #D0B8B4, #4E82C6, #403740)
• Driftwood Courtyard color palette (#E0E2FB, #ADA8C7, #966B87, #68465B, #503432)
• Washed Grape color palette (#F3F4FF, #D2D0E3, #A9A1BF, #7530AA, #30304A)
• Muted Basin color palette (#E1E6EF, #B4B8C7, #888CA5, #323C81, #171F2F)
• Violet Villa color palette (#F1F5FF, #A8C7FF, #9492F3, #855BB7, #322C4F)
• Timeworn Lagoon color palette (#E9E6F0, #9D96A7, #766B7F, #470C46, #0B0615)
• Fern Workshop color palette (#E9FAF4, #8DA37C, #456F40, #0B5658, #1C3C36)

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