Wandering Petrol color palette — #E7EBDF · #95BDB2 · #396CAB · #004763 · #000E42

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

The five colors

• Parchment (#E7EBDF): bright and airy, almost weightless.
• Ash (#95BDB2): A luminous, dusty teal — the color of sea glass.
• Slate (#396CAB): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004763): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#000E42): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Washed Petrol color palette (#E9EAE2, #85BFC6, #00788B, #004B49, #001922)
• Timeworn Sapphire color palette (#F9EAEE, #96B5D3, #4561B9, #004E59, #2E2551)
• Soft Cornflower color palette (#E0F3F2, #A2C9EE, #2C85EF, #00668D, #1C2C50)
• Tempered Market color palette (#F1F3E6, #B6DAC3, #0090B5, #006167, #00293A)
• Denim Meadow color palette (#E5E8DD, #5992AF, #004E76, #002A34, #00040D)
• Soft Olive color palette (#EDEDDC, #537900, #006C6C, #703E00, #060E00)
• Fern Loft color palette (#E9EDCD, #A9D4B5, #5DB79B, #3F6300, #001E05)
• Hushed Moss Alley color palette (#E3E4CF, #788B0C, #4E6700, #223C00, #021A00)

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