Wandering Petrol color palette — #EFF6FF · #D8D8F8 · #E79598 · #00779C · #393F5D

A conversation between Teal and Rose Quartz, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Thistle (#D8D8F8): A whisper-light, dusty violet — the color of a velvet chair.
• Rose Quartz (#E79598): A luminous, balanced red — the color of embers at dusk.
• Teal (#00779C): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#393F5D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Cobalt Study color palette (#F3F4FF, #E3D7E0, #E9B7A6, #4D80AD, #4C4965)
• Ancient Pier color palette (#EAF7FF, #DDD6F6, #D395C6, #007A62, #293E55)
• Washed Mallow color palette (#FFEBF7, #F7CCC6, #E1A3D0, #506C9A, #351C28)
• Weathered Drift color palette (#E3E7F5, #CFA9CD, #C16260, #004A73, #28153A)
• Ancient Indigo color palette (#F9F2FF, #EEDAC9, #CEB15E, #7B59B6, #64333C)
• Weathered Market color palette (#FDF0FF, #FFBFCE, #EA7900, #3248D3, #5C1E49)
• Ancient Turquoise color palette (#FFF0FB, #F1D1E3, #EEBCA3, #68B6CD, #523844)
• Tempered Coast color palette (#F6EAFF, #DFB6CD, #ACA640, #6F3A92, #4E271F)

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