Washed Petrol Alley color palette — #ECF4F1 · #E0D4D7 · #C2B2BC · #176C98 · #16241F

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#E0D4D7): a clean, paper-quiet neutral.
• Ash (#C2B2BC): A luminous, dusty pink — the color of peonies in June.
• Peacock (#176C98): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#16241F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Washed Petrol Alley 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

• Muted Petrol Courtyard color palette (#EFF6FC, #D9D7E7, #B0B1C8, #076D90, #303C45)
• Patina Cerulean color palette (#F0F7F4, #DED4D2, #A5A99C, #3595BF, #25322C)
• Hushed Lantern color palette (#E3EFEC, #BBAFB8, #A08493, #004579, #000E0B)
• Timeworn Coast color palette (#EDE1EE, #BF9AB0, #886A92, #5E421D, #312E01)
• Weathered Courtyard color palette (#F8F1E6, #AD9E7B, #606B33, #004F61, #251A00)
• Nocturne Ultramarine Thicket color palette (#F4DFF0, #3B5DBB, #361A2A, #170515, #000302)
• Washed Byzantium Thicket color palette (#F9EFF1, #E1D3CD, #DBB4B0, #8F43AE, #341D24)
• Mulberry Chapel color palette (#F1E6E7, #D8C7C6, #BB9B95, #7A337D, #220F13)

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