Wandering Petrol color palette — #F1F5FE · #DDD6E5 · #B7B9D8 · #6061A9 · #3B3F4C

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

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Silver (#DDD6E5): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B7B9D8): A luminous, dusty violet — the color of wild irises.
• Slate (#6061A9): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#3B3F4C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Wandering 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

• Petrol Chapel color palette (#ECF2FE, #DED2E6, #C2BAD7, #5766A5, #1F2531)
• Cobalt Archive color palette (#FAF2F8, #EED5D2, #D5BAAF, #7282C1, #473C44)
• Muted Terrace color palette (#ECEEF7, #CACBD8, #9F9CBD, #584199, #2A2D3C)
• Tempered Thicket color palette (#F9F2FF, #DCCCE3, #CB969D, #932C69, #382E40)
• Washed Orchid Lantern color palette (#F3F4FF, #CBCDFF, #BC93FF, #AA46B3, #3C2253)
• Timeworn Chapel color palette (#E9E7ED, #AFA4B8, #8B7695, #600752, #170F22)
• Patina Market color palette (#EAE0FF, #DD9FBE, #9F656F, #784E00, #55440B)
• Midnight Byzantium color palette (#E1E2FF, #8A2FCB, #3B1C42, #161330, #0B0611)

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