Wandering Petrol color palette — #EEF2F8 · #DAD3DE · #BBB2C8 · #4A639A · #1A212B

Slate takes the lead with Ash close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#EEF2F8): a clean, paper-quiet neutral.
• Silver (#DAD3DE): bright and airy, almost weightless.
• Ash (#BBB2C8): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4A639A): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#1A212B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Timeworn Petrol color palette (#F1F5FD, #DCD6E3, #B2B1C5, #57618C, #353B46)
• Wandering Boulevard color palette (#F0F1FC, #DACDE8, #D49A97, #713F99, #18172D)
• Dusty Iris Meadow color palette (#F9F3F7, #E8D8D7, #C3B2A3, #7685C7, #362A33)
• Dusty Pewter color palette (#DBECF5, #A19AC7, #965D7B, #255D4F, #003034)
• Timeworn Navy color palette (#E4E9F4, #B2B1BF, #9786A2, #33358E, #050A18)
• Softworn Pine Drift color palette (#EBF5EC, #9CA673, #2F7546, #4B405E, #012219)
• Grape Pier color palette (#E4E7F9, #7247B8, #3A162C, #090A1D, #010206)
• Hushed Garden color palette (#E0DCE9, #948996, #7F6071, #4A0045, #020006)

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