Wandering Petrol color palette — #F4F6EF · #C7E5E5 · #7AA495 · #3E7887 · #345149

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C7E5E5): A whisper-light, dusty teal — the color of sea glass.
• Eucalyptus (#7AA495): A luminous, dusty teal — the color of sea glass.
• Slate (#3E7887): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#345149): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Softworn Petrol Pier color palette (#F4F6EF, #C7E5EA, #829BBF, #4A748D, #604B5D)
• Patina Coast color palette (#EFF0E4, #99BC9F, #007586, #00504C, #003441)
• Hushed Lagoon Parlor color palette (#F0FBD5, #8EC8A8, #49967B, #2A7261, #335B4C)
• Teal Veranda color palette (#EDFAE6, #47AC98, #5F8FB7, #777C3A, #3A4733)
• Aged Lagoon color palette (#FAF3F6, #D9DFEE, #94B4D9, #259897, #44526F)
• Worn Delta color palette (#EFF9E9, #77C1AE, #8996C7, #018670, #5F4258)
• Patina Courtyard color palette (#DCE1D0, #5B86A6, #003E6F, #00202D, #00081F)
• Hushed Coast color palette (#FBF5E3, #C1B897, #967D36, #765809, #524800)

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