Washed Petrol color palette — #EEF7FB · #D7DBE6 · #BDBECE · #3B7F8D · #3E4A50

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

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D7DBE6): a clean, paper-quiet neutral.
• Ash (#BDBECE): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#3B7F8D): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3E4A50): 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

• Petrol Archive color palette (#F1F5FD, #DDD6E7, #B8B9D8, #4C65B1, #39404D)
• Dusty Powder Courtyard color palette (#E7F6FF, #94B4E1, #767E9F, #745C69, #435647)
• Hushed Abyss Study color palette (#D6E1E9, #95ACC2, #6B80A1, #003E50, #05161F)
• Worn Basin color palette (#EBF9F4, #93BC94, #448266, #3A606B, #294946)
• Patina Navy Balcony color palette (#E4E5F0, #B9B6CB, #9488A3, #4E366F, #1D1E2C)
• Feathered Glacier Garden color palette (#ECF7FF, #38F0F1, #62C5FF, #7E86BF, #2C4358)
• Tempered Turquoise color palette (#E3FDE8, #00A8CC, #4C6A9B, #6C4039, #2A4050)
• Cerulean Hollow color palette (#EBF7FF, #0096C1, #7E4F82, #663D13, #13422C)

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