Washed Petrol color palette — #EDF3F7 · #D7D6E0 · #C3B9C8 · #487D95 · #252D33

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

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D7D6E0): a clean, paper-quiet neutral.
• Ash (#C3B9C8): A luminous, dusty violet — the color of a velvet chair.
• Slate (#487D95): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#252D33): 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

• Indigo Market color palette (#EFF2F9, #DFD2DF, #CCB6D4, #645ABB, #212430)
• Worn Powder color palette (#C8EFFF, #9EB6D9, #82799F, #3E655C, #1F3D36)
• Ash Veranda color palette (#F0F7F4, #E0D3D1, #BFBEAF, #71A5C7, #39413E)
• Dusty Abyss Basin color palette (#D8E4EE, #99A0B0, #8C6F98, #003A59, #00050C)
• Twilit Sapphire Chapel color palette (#D3E0F2, #4070D0, #2F2C4C, #0C1624, #03070B)
• Hushed Olive color palette (#FAEEF5, #9BBE9D, #767B26, #505175, #1D2B1E)
• Washed Nightshade color palette (#E7E9EF, #CDC8DB, #B19BB4, #5A468B, #13151F)
• Washed Wisteria color palette (#EAF3FF, #62F7F7, #9CC4FF, #B26AB7, #1C2341)

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