Color captures passions, inspires emotions, and connects people. Bright, pure and rich, the Grubhub palette adds vibrancy to all communications.

Our colors are split into two groups:
Primi are our primary brand colors that contain red (which we use a lot), and a few neutral colors that are used for type (salt and pepper) and backgrounds (Cream and Cappucino). Secondi are our secondary colors which consist of five color spectrums. Each spectrum can be used together with the primary colors.



RGB 246/52/64
CMYK 0/95/80/0
PMS 032 C
HEX# F63440


RGB 255/255/255
CMYK 0/0/0/0
PMS Opaque White


RGB 0/0/0
CMYK 0/0/0/100
PMS Pantone Black C
HEX# 000000


RGB 250/245/235
CMYK 3/4/14/4
PMS 7527 C


RGB 222/212/202
CMYK 7/14/20/15
PMS 7529 C

Chili, Salt and Pepper are the primary colors for any Grubhub communication. Use Cream and Cappuccino when you need a neutral background.

Black is exclusively for typography — don’t use it as a background color.

As different CMYK print processes and paper stock can lead to color variation make sure to always match to the defined Pantone colors (PMS).



RGB 43/107/55
CMYK 90/11/88/43
PMS 349 C
HEX# 2B6B37


RGB 92/54/48
CMYK 29/85/60/72
PMS 7631 C
HEX# 5B3530


RGB 140/60/82
CMYK 16/85/35/50
PMS 506 C
HEX# 8C3C52


RGB 100/30/140
CMYK 75/100/0/5
PMS 2597 C
HEX# 641E8C


RGB 50/50/170
CMYK 100/95/0/10
PMS 2746 C
HEX# 3232AA


RGB 145/201/74
CMYK 55/0/82/0
PMS 360 C
HEX# 91C949


RGB 247/143/33
CMYK 0/30/100/0
PMS 137 C
HEX# F78E21


RGB 232/107/166
CMYK 8/51/0/0
PMS 673 C


RGB 135/69/218
CMYK 58/70/0/0
PMS 2665 C
HEX# 8845DA


RGB 64/194/222
CMYK 65/0/10/0
PMS 311 C


RGB 212/250/77
CMYK 18/0/60/0
PMS 374 C


RGB 255/217/99
CMYK 0/8/54/0
PMS 1215 C


RGB 255/181/201
CMYK 0/22/4/0
PMS 699 C


RGB 206/156/255
CMYK 25/35/0/0
PMS 2567 C


RGB 156/240/255
CMYK 35/0/0/0
PMS 2975 C

Our range of brand colors is as diverse as the food we bring to our diners.

Primary colors can be combined with one color group to add depth and vibrancy to communications.

It’s not mandatory to use all 3 colors of a color spectrum — the goal is to use as many or as few colors needed to communicate what we need.

The 15 secondary colors are divided into 5 spectrums of 3 colors. Each spectrum is made up of colors that look great together, ranging from darkest (first row) through medium (second row) to lightest (third row).

Always start with the colors from the primary spectrum, adding one spectrum per application to the mix.

This allows us to be creative while ensuring that every piece of communication is on brand.

You can choose color spectrums randomly or link them to specific occasions. Chocolate, Pumpkin and Banana for Thanksgiving? Use spectrum 2. Valentines Day? Spectrum 3 might be a good choice.

Color may vary in CMYK production — always match to PMS.

Secondi + highlight

When using one of the five color spectrums you can apply up to (all) three colors together, regardless of which is used for the background and which for the foreground.

You can use the three colors to achieve different hierarchy levels — for example, a bright color on dark background draws more attention than a medium one.

For illustration-heavy, more complex or topic specific applications you can be even more colorful.

After choosing a spectrum, you can replace one (never more) color with a color from another spectrum.

For example, if your subject is Los Angeles related and you want to hint at the Lakers’ colors, you could choose spectrum 4 and replace one color with banana.

When choosing the replacement highlight color, make sure it is sufficiently different from all colors in your spectrum, with enough contrast.

Never use more than three Secondi colors at the same time — all three of one spectrum is OK, or two of the spectrum plus the replacement highlight.


The rules around use of color might sound a little overwhelming in the beginning but don’t worry: Once you get the hang of it, it’s easy!

You can always use the Primi colors Red, Salt and Pepper, Cream and Cappuccino. You will probably not need to use all of them together but you can, if necessary.

For the Secondis, choose one spectrum you want to add for your application. All three colors of the spectrum can be used together.

There may be instances where a drop of color will help you get the point across. In those cases, replace one color in your spectrum with one from another.

The examples above show how everything works. From one single color of a spectrum in the top row, down to the full spectrum in the third row.

The last row shows examples where one spectrum color has been replaced to make the application feel richer and more direct. For example, an Apple green for the salad, or Rose for the raw fish in the sushi.

Highlight color don’ts

This table shows which highlight colors cannot be used on the different colors within each spectrum. A lack of contrast would not allow the color to show up properly.