Washed Petrol color palette — #EFF6FD · #D8D8E7 · #AEBBDE · #0071AB · #314250

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

The five colors

• Ivory (#EFF6FD): bright and airy, almost weightless.
• Silver (#D8D8E7): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#AEBBDE): A luminous, dusty violet — the color of wild irises.
• Slate (#0071AB): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#314250): A deep, shadowed, dusty blue — the color of open sky before noon.

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 (#E7F4FD, #D7D4E8, #BBBCDC, #02749E, #1B272F)
• Indigo Drift color palette (#F2F5FE, #E0D5E4, #C0B5DB, #6B59B3, #3A3F52)
• Denim Corridor color palette (#EAEFF4, #C4CCDD, #989FBD, #00549F, #232F3D)
• Aged Cerulean Hollow color palette (#EBF9F3, #F4DBDF, #DCC0BB, #3090C0, #30453D)
• Antique Driftwood Villa color palette (#F5F4FB, #DFD7DD, #B8A8A1, #92769A, #52515A)
• Worn Violet color palette (#DAEAFF, #ADA8D3, #9963A8, #715932, #4A4F23)
• Lowlit Field color palette (#E0EBFF, #3B50E9, #2E204E, #091732, #080812)
• Dusty Aubergine color palette (#EBECF4, #A8A7B9, #97728C, #43167C, #11131F)

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