Wandering Petrol color palette — #F5F4FF · #C4A3CD · #53A5A7 · #0474A5 · #202536

A conversation between Slate and Turquoise, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Mauve (#C4A3CD): A luminous, dusty pink — the color of a candy shop window.
• Turquoise (#53A5A7): A luminous, balanced teal — the color of sea glass.
• Slate (#0474A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#202536): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Hushed Petrol color palette (#FAF2FC, #DAA2AD, #639ECE, #6462A8, #2A2437)
• Patina Jade color palette (#F1F5FF, #A0B3EF, #60A674, #007D7B, #182C3A)
• Muted Mint Field color palette (#FAF2F9, #F3A19D, #7ABD82, #6B86BF, #382D37)
• Cypress Chapel color palette (#ECF9F2, #D1CF98, #71A985, #007982, #203A57)
• Worn Bloom color palette (#FCF2F9, #F09687, #6079C8, #703F88, #1D0F24)
• Patina Peony color palette (#F8F2FF, #DB58B4, #008AAA, #0051B4, #1D092A)
• Hazy Nightshade color palette (#FDF0FF, #E07689, #1A7AB8, #4F2DA7, #0F061B)
• Softworn Driftwood Summit color palette (#FFEDE9, #B76773, #00747E, #304E6C, #281822)

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