Washed Petrol color palette — #ECF3F9 · #D8D6E2 · #C0B9CB · #54799C · #252D35

Built around Slate, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Silver (#D8D6E2): bright and airy, almost weightless.
• Ash (#C0B9CB): A luminous, dusty violet — the color of a velvet chair.
• Slate (#54799C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#252D35): 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

• Hushed Powder color palette (#DAEAFF, #B2AAD7, #82799D, #4D6550, #20382F)
• Petrol Field color palette (#EFF7F5, #E0D4D0, #C7B8B6, #4879A2, #404A47)
• Antique Basin color palette (#F2F0FA, #E1D1DC, #C1B1C5, #7F5181, #211F29)
• Onyx Market color palette (#DCDFEC, #8B8AA3, #6E6680, #2C1D54, #010106)
• Indigo Cabin color palette (#D8E1F6, #5E68CE, #2D2F45, #101621, #04060B)
• Tempered Chapel color palette (#EBF2FF, #C8DBFB, #A6B8FF, #A37AB9, #151E3A)
• Aged Stone Corridor color palette (#EAF5ED, #B6B87C, #697D52, #405869, #142D23)
• Antique Mulberry Cabin color palette (#E2DEEB, #BBAEC2, #9E839E, #6B205D, #0D0814)

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