Using color in illustration

Our illustrations use our full color palette to evoke depth and reality. The broad range of colors and shades more accurately represents the people and objects in our storytelling. This is where we have the most fun with color.

A collection of different illustrations tiled in a square grid.

Full illustration palette

Our full color palette has 17 color families with 8 shades in each family—that equals 136 total colors. We use these colors to capture detail and mimic the reality of each illustration's subject matter. Select a color to view the hex, Pantone, and CMYK values.

Pink

Red

Coral

Orange

Marigold

Yellow

Dijon

Avocado

Green

Kiwi

Jade

Teal

Indigo

Blue

Violet

Lilac

Neutral

Color in illustration

All the main colors in our illustrations are from our full palette. They've been strategically chosen to both set a mood and ensure enough contrast to be legible on various background colors. Skin tones are the only colors we use in illustrations that are not in our palette.

A group of objects illustrated in the eBay-approved illustration palette. Five colors are highlighted left to right: C500, Y400, O400, N900, A600.

Color strategy

Every illustration has a primary color and 2 secondary colors associated with it. Generally, one secondary color complements the illustration's primary color and the other is a neutral. This strategy ensures that each illustration has a focus color that stands out on the background color. It's important for each illustration to have visual variety and not blend in too much with the background color.

A car jack illustrated against an avocado background. The colors used in this illustration are highlighted in a tile below: coral, yellow, and black.
A roller skate illustrated against a blue background. The colors used in this illustration are highlighted in a tile below: Orange, brown, and light gray.
A green motorcycle helmet is illustrated against a pink background. The colors used in this illustration are highlighted in a tile below: Green, grey, and black.

Background colors

Each illustration has 6 different pre-determined background colors that ensure good visual contrast. Use the background colors provided for each illustration.

A group of home goods illustrated over different background colors.

Dark mode

In most instances, our illustrations do not change between light and dark mode. But in a few rare cases where the background changes in dark mode, some illustrations do as well.

Illustrations with colored backgrounds

Illustrations that use a background color (in things like banners, education cards, and modals) do not change color in dark mode. If there’s text above or below the illustration in a separate container, those colors will invert. The illustration itself is treated like an image and keeps its original background color.

A light mode full sheet with the top half a collection of collectibles. This is illustrated against a yellow background.
A dark mode full sheet with the top half a collection of collectibles. This is illustrated against a yellow background.

Illustrations without backgrounds

When illustrations without a background color are used on plain white backgrounds (like our 404 states), all elements on the page will invert. Most illustrations work on both light and dark backgrounds, but some need adjustments to ensure legibility against black.

A 404 state in light mode showing a person upside down wearing a blue sweater in an illustrated style. The person is emerging from a hole, and looking out into the distance.
An 404 state in dark mode showing a person upside down wearing a blue sweater in an illustrated style. The person is emerging from a hole, and looking out into the distance.

Color customization

If you want a new color scheme for a specific illustration, do not re-color anything on your own. To discuss custom coloring, reach out to the OneExperience (OX) team or sign up for office hours.

On the left there are illustrations of a basketball, an AI icon, and a handheld gaming device all surrounded by a purple outlined box signifying a selected state on a design application. The gaming device is green with the color magnified for emphasis. There is a color editor on the right showing the editable green style of the gaming device.

Resources

Change log

DateNotes
Mar, 2025
  • Updated all visual examples on page
Jun, 2024
  • Created with eBay Evo