Wandering Petrol color palette — #CFF3EB · #53A9A4 · #3E6694 · #5E3C1A · #492B37

Peacock takes the lead with Turquoise close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#CFF3EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#53A9A4): A luminous, balanced teal — the color of sea glass.
• Peacock (#3E6694): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5E3C1A): A deep, shadowed, dusty gold — the color of old brass.
• Espresso (#492B37): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Denim Dune color palette (#DBF9E1, #56AAB0, #4E5CA3, #55400C, #2C3106)
• Hushed Harbor color palette (#DCF5F2, #73B6C8, #5080B1, #67516B, #50271C)
• Cocoa Atelier color palette (#DDEBDC, #949D6B, #2C7976, #6D3321, #4C2F43)
• Softworn Cobalt color palette (#CCF3EC, #6BB0AB, #597CAA, #6A5530, #355239)
• Hazy Sapphire color palette (#F5EBF0, #88B9CF, #0E65C5, #005146, #2A2753)
• Tempered Harbor color palette (#D8F4E3, #A0C0A6, #7897BF, #A06C38, #572D01)
• Navy Study color palette (#DEF0EA, #00A4AC, #006785, #003B79, #1E2955)
• Hushed Coast color palette (#E5FAFF, #B2C5E1, #918AA4, #637B74, #3C5053)

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