Washed Petrol color palette — #EBF3F7 · #D5D7E0 · #BCBAC8 · #467F8A · #252D31

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

The five colors

• Ivory (#EBF3F7): bright and airy, almost weightless.
• Silver (#D5D7E0): bright and airy, almost weightless.
• Ash (#BCBAC8): soft and architectural.
• Slate (#467F8A): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#252D31): 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

• Weathered Petrol Study color palette (#F0F6FA, #D7D9DF, #BABED2, #12819B, #3F4A50)
• Pewter Terrace color palette (#EFF1F9, #DCD2DD, #BBB3C3, #635C91, #1C202D)
• Lagoon Atelier color palette (#E7F6EF, #8ABFB8, #41846C, #355B6C, #082E2A)
• Tempered Cypress Studio color palette (#DBF4FF, #A8BFD4, #8288A7, #406654, #1E3D32)
• Aged Basin color palette (#E7F1F7, #97A1AC, #717B95, #003D4D, #00050A)
• Moonless Cobalt Summit color palette (#D1E0EE, #197CB8, #273047, #0C1721, #02070B)
• Dusty Aubergine Boulevard color palette (#E7E8F3, #B5B0C2, #97869F, #502D7E, #090915)
• Wandering Bloom color palette (#E4F9E3, #39AEBE, #54699D, #603F00, #0E2534)

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