Wandering Petrol color palette — #EAFAEF · #C5B5DE · #B98565 · #496FA8 · #524056

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

The five colors

• Ivory (#EAFAEF): A whisper-light, dusty teal — the color of sea glass.
• Lavender (#C5B5DE): A luminous, dusty violet — the color of a velvet chair.
• Caramel (#B98565): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#496FA8): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#524056): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Pewter Dune color palette (#FFF1F6, #E7AE9E, #929766, #7164A0, #593F49)
• Muted Lagoon color palette (#F7F3FF, #DBD1E6, #BDA1AF, #707F9C, #534B64)
• Aged Cocoa Terrace color palette (#FBF5E0, #FFCDDD, #BC9C73, #517D6D, #672B0D)
• Aged Lagoon Drift color palette (#F8F3F8, #D4E1EE, #85BAD0, #60956B, #3F546E)
• Patina Cocoa color palette (#FDF4E5, #D3958F, #996C40, #0F6666, #6E360B)
• Taupe Bloom color palette (#FAEEF5, #C88B72, #4B5D50, #43323C, #242025)
• Quiet Nightshade color palette (#FFE7EF, #DB8971, #787E14, #504896, #462906)
• Hushed Ultramarine color palette (#DFFFE0, #F47C9C, #A27400, #3F40CE, #56241A)

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