Washed Petrol color palette — #EDF6FF · #D7D8EC · #B0BDD1 · #2D70A0 · #37414A

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Silver (#D7D8EC): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B0BDD1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#2D70A0): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#37414A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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 Field color palette (#EAF3FB, #D5D4E2, #B6BFD4, #1E72A2, #142736)
• Aged Drift color palette (#EFF7F4, #EDD9DF, #DCBBBF, #018FD0, #2B463D)
• Driftwood Orchard color palette (#F5F4FC, #E2D7E0, #B9ABA6, #827D9A, #525159)
• Feathered Garden color palette (#EFF6FF, #ABDDFF, #6CA4FF, #6C6CCF, #1F3162)
• Aged Navy Atelier color palette (#E9EEF9, #B1B8D0, #898CA6, #373C7D, #1A1F2B)
• Patina Aubergine Corridor color palette (#F4F4FF, #D3CEEF, #AB9FC6, #74399B, #313142)
• Lilac Garden color palette (#D9E3FF, #A59EF5, #8F76A6, #7C4B54, #623B45)
• Onyx Lantern color palette (#E4E1EB, #9F94AE, #796984, #4C0047, #0B0713)

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