Wandering Petrol color palette — #EEF7F7 · #D6DCED · #7A9EBC · #37798A · #415569

Slate and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Silver (#D6DCED): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7A9EBC): A luminous, dusty blue — the color of deep harbor water.
• Slate (#37798A): A full-bodied, dusty blue — the color of open sky before noon.
• Peacock (#415569): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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

• Cypress Courtyard color palette (#F7F0F3, #D5DBEB, #7E9FC6, #297879, #2B364D)
• Softworn Harbor color palette (#EEF6FF, #D9D8E3, #C9BDE0, #7995AB, #495461)
• Aged Cerulean Boulevard color palette (#E9F8FF, #7AC2D9, #3C91B2, #2C6989, #37536A)
• Weathered Petrol color palette (#ECF7FF, #7EB8DB, #84A378, #297BA5, #25574F)
• Washed Veranda color palette (#DAEAE8, #66A9C6, #005E86, #003C47, #002139)
• Softworn Navy Lantern color palette (#D4ECEB, #5C85A7, #003C73, #00202E, #000622)
• Worn Lagoon color palette (#E7FAF6, #96DDDC, #009199, #00685B, #004953)
• Tempered Market color palette (#EDF8F6, #D3DDEF, #789FB8, #357A82, #3E5668)

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