Washed Petrol color palette — #ECF3F8 · #D3D5E4 · #AAB9CB · #286C8E · #192228

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

The five colors

• Ivory (#ECF3F8): bright and airy, almost weightless.
• Silver (#D3D5E4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#AAB9CB): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#286C8E): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#192228): 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

• Weathered Petrol color palette (#F0F7F3, #E1D7DA, #C1ACB8, #006E8D, #313E37)
• Aged Thicket color palette (#EDF2FC, #CCD3E9, #A5A9C7, #484DAF, #11192E)
• Ash Boulevard color palette (#E0ECFF, #A2A4CF, #6B6D8B, #56405A, #382436)
• Patina Cerulean color palette (#EEF6FC, #D9D9E3, #BDAAA5, #4995B1, #223039)
• Aged Cypress Study color palette (#E4F6F5, #73AF97, #247364, #174E5B, #002123)
• Muted Denim Summit color palette (#E4EAEF, #A7B5C5, #818EA4, #004772, #030C14)
• Charred Veranda color palette (#D6E3F4, #075ECA, #18243D, #040D19, #000206)
• Washed Market color palette (#EAECF7, #8C8B9C, #6B677F, #331657, #010105)

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