Washed Petrol color palette — #F1F7F2 · #D2DDDF · #D6BCBD · #3F7F8B · #404B44

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D2DDDF): a clean, paper-quiet neutral.
• Stone (#D6BCBD): A luminous, dusty red — the color of embers at dusk.
• Slate (#3F7F8B): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#404B44): a grounded near-black with real depth.

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

• Aged Petrol Atelier color palette (#EBF3F8, #D4D7E0, #BBBAC7, #457E90, #242E33)
• Antique Sapphire color palette (#FAF2F8, #E6D5D3, #D6B2B1, #4A64B6, #483B46)
• Denim Alley color palette (#EDF8F3, #E0CCDA, #B39BC6, #006288, #1B3A2F)
• Softworn Lagoon Summit color palette (#FAF5E7, #9ABA93, #198670, #3F6255, #444600)
• Abyss Courtyard color palette (#DEE5E1, #B3A4B2, #8377A0, #003E4E, #01190E)
• Worn Chestnut color palette (#EBFCDE, #98BEAC, #8B7AA7, #73681B, #4A5441)
• Tempered Lagoon color palette (#D4EBE4, #0076BD, #472637, #0E241E, #050F0E)
• Wandering Nightshade Summit color palette (#F4ECF1, #D7C7CB, #B89794, #484998, #372932)

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