Wandering Petrol color palette — #FDF1F8 · #C0CA9C · #6C69A6 · #3E3B6C · #2B1D25

Slate takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Pistachio (#C0CA9C): A luminous, dusty green — the color of fresh herbs.
• Slate (#6C69A6): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#3E3B6C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#2B1D25): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Patina Petrol color palette (#EAF9F4, #E5B9A2, #4D7699, #234562, #152521)
• Dusty Cobalt Veranda color palette (#F1F5FF, #D1F2B1, #6B70AC, #2D3753, #0B0F19)
• Patina Atelier color palette (#FFF1F2, #AEC57C, #9A4287, #611553, #2D1014)
• Softworn Ridge color palette (#F3F4FF, #E29894, #584187, #282B48, #1E1923)
• Muted Ash color palette (#FEF1F6, #FFC5BC, #9D8ABD, #7A5765, #2A1E22)
• Patina Boulevard color palette (#FBF3F4, #E1D9D3, #CEC0AF, #AA7BB4, #4F4547)
• Misty Cabin color palette (#F9DCE6, #7DBF6A, #7725B7, #41006B, #210311)
• Gentle Violet Grove color palette (#FAF3F6, #C6BAF8, #CC716A, #8863E2, #331E16)

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