Wandering Petrol color palette — #F7F3FC · #CFA2BA · #499B9F · #356CA4 · #4A395F

Slate takes the lead with Storm Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F7F3FC): bright and airy, almost weightless.
• Mauve (#CFA2BA): A luminous, dusty rose — the color of a warm blush.
• Storm Blue (#499B9F): A luminous, dusty teal — the color of glacier melt.
• Slate (#356CA4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#4A395F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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 Delta color palette (#EAF8F9, #8ABFA8, #489AA9, #3E6AA5, #3D3F5F)
• Timeworn Pine color palette (#FAF2F8, #C68578, #0F845E, #584A79, #4A364E)
• Ancient Honey Orchard color palette (#FFF3E8, #FFB47B, #6DB9B4, #7088AD, #573747)
• Cypress Veranda color palette (#F0F8F1, #C6AE83, #7E965A, #217962, #1C485B)
• Aubergine Harbor color palette (#FFEBF7, #CE7E5B, #4472B5, #6A2B91, #510A28)
• Hushed Honey color palette (#FEF4E6, #F5C272, #90A270, #427765, #4E3026)
• Aged Ash color palette (#EDF8F2, #B6DBCC, #76A799, #97717F, #3B534A)
• Powdered Aubergine Market color palette (#DCEDF1, #00877C, #005A7C, #2C0091, #230024)

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