Washed Petrol Alley color palette — #F6EFF5 · #DDD4D4 · #C9B7B5 · #64749C · #322930

Slate and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F6EFF5): a clean, paper-quiet neutral.
• Silver (#DDD4D4): a clean, paper-quiet neutral.
• Stone (#C9B7B5): A luminous, dusty orange — the color of sun-warmed clay.
• Slate (#64749C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#322930): quiet, heavy and certain.

Feels like: 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

• Cypress Drift color palette (#ECF4EF, #CFD9DA, #C8BABE, #568069, #232F28)
• Petrol Corridor color palette (#F1F5FB, #DDD9E1, #C9BBC6, #5774A6, #404854)
• Mulberry Chapel color palette (#F8EFF1, #E2D3CC, #D1B9B5, #8E4D98, #351D22)
• Dusty Veranda color palette (#FFE2F3, #C6A8B1, #9F7C7B, #755D0E, #31322B)
• Ash Lantern color palette (#F9F3F9, #E2D8D7, #B0B7AD, #879FC5, #443D43)
• Indigo Harbor color palette (#F4E4EB, #7A65B3, #42282F, #1E1217, #0A0408)
• Pine Study color palette (#F6F2E3, #B7B68F, #548259, #305F55, #2A2811)
• Timeworn Mulberry Corridor color palette (#F1E6E7, #D7C7C5, #B39E99, #72406B, #201113)

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