Washed Petrol color palette — #EDF3F7 · #D4D5DF · #ABB8CC · #266A98 · #192129

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 (#D4D5DF): bright and airy, almost weightless.
• Ash (#ABB8CC): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#266A98): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#192129): 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

• Timeworn Petrol Hollow color palette (#EFF8F4, #EBDBE9, #C0ADB6, #266B8D, #323D39)
• Nightshade Study color palette (#EFF1FA, #CED2ED, #B99FD0, #5948A9, #14182C)
• Cerulean Lantern color palette (#F0F6FB, #DADAE4, #C3B0BD, #5192B6, #243039)
• Ultramarine Harbor color palette (#D7E0F0, #3E5BBD, #192342, #050C19, #010205)
• Ancient Navy color palette (#E9EFF6, #A8B4C6, #828DA6, #004380, #030B17)
• Indigo Field color palette (#EAF3FF, #A1D6FF, #72A7FF, #6E6CCF, #0E1538)
• Driftwood Field color palette (#DCE2F2, #959AC3, #8F6B9C, #5F445D, #3C1F34)
• Misty Nightshade color palette (#F3E3F5, #6089D1, #534CA6, #5D1E3C, #091731)

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