Washed Petrol color palette — #EDF3F7 · #D5D4E2 · #B0B6D0 · #306B8B · #182229

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

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D5D4E2): a clean, paper-quiet neutral.
• Ash (#B0B6D0): A luminous, dusty violet — the color of wild irises.
• Peacock (#306B8B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#182229): 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

• Hushed Byzantium Lagoon color palette (#F1F1F9, #E5D1DF, #CCB7CF, #8650A2, #242332)
• Driftwood Archive color palette (#F0F1F8, #DCD5DC, #B9AAAC, #7981A3, #34363D)
• Driftwood Lagoon color palette (#C7E4F4, #8EA4C5, #856F9C, #475023, #002E2F)
• Navy Balcony color palette (#E9F1F9, #ACB3C3, #898AA7, #004677, #040B15)
• Softworn Lapis Alley color palette (#ECF2FF, #D1D1EA, #CB9ABC, #4C3FC7, #11192E)
• Patina Mulberry color palette (#E9E8F0, #D1C7D8, #B798B4, #783480, #161420)
• Deep Ultramarine Chapel color palette (#D9E3F3, #375AC7, #21213F, #040C1B, #000206)
• Muted Pier color palette (#FCEDF2, #AE9F6F, #5E6D12, #354765, #052212)

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