Washed Petrol color palette — #ECF3F7 · #D4D6DD · #B8BBCA · #3D7F94 · #242E33

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

The five colors

• Ivory (#ECF3F7): a clean, paper-quiet neutral.
• Silver (#D4D6DD): a clean, paper-quiet neutral.
• Ash (#B8BBCA): A luminous, dusty violet — the color of wild irises.
• Slate (#3D7F94): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#242E33): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Weathered Powder Archive color palette (#DAEBFF, #A3B6D7, #777F9D, #685B72, #3C2D3D)
• Softworn Studio color palette (#F1F7F3, #D3DCDD, #CCBCBF, #138297, #3F4B43)
• Antique Indigo Atelier color palette (#EEF2FA, #D8D3E0, #BABED2, #5761B8, #1D2537)
• Ancient Lantern color palette (#DBE8F1, #94A2AE, #6D7D91, #003B53, #00050B)
• Washed Lagoon Delta color palette (#E4F6F4, #95BFA3, #48836B, #355C63, #0B2D2D)
• Worn Azure color palette (#D8FAFA, #57A5D7, #4E6B9C, #63315C, #0D243A)
• Weathered Study color palette (#E6F4FF, #94E4FF, #79CBFF, #7192DA, #05243E)
• Wandering Aubergine Grove color palette (#E5E5EE, #B3B1C1, #8F8A9E, #572C74, #0A0818)

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