Logistics & Delivery

iFood Color Codes

iFood works in a single red, hex #EA1D2C, on white. The iFood color codes in Hex, RGB and CMYK can be found below. It formed in Brazil in 2011 from the merge of two earlier menu sites and became the dominant food-delivery service across the country and much of Latin America. Its nearest peer on this site is Zomato.

The iFood logo, shown for identification. iFood is a trademark of its owner and this site is not affiliated with it.

Primary colors

What are iFood Primary Colors?

iFood's primary color is #EA1D2C. Every value on this page is derived from it.

iFood publishes a brand system; the value shown matches its stated red.

iFood Primary

Hex	#EA1D2C
RGB	234, 29, 44
HSL	hsl(356, 83%, 52%)
CMYK	0%, 88%, 81%, 8%converted · approximate
Pantone	PMS 185 Cnearest match · not published by the brand

iFood Hex Color Codes

iFood hex color codes are #EA1D2C for primary.

Color	Hex
Primary	#EA1D2C

iFood RGB Color Codes

iFood RGB color codes are 234, 29, 44 for primary. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

Color	RGB
Primary	rgb(234, 29, 44)

iFood HSL Color Codes

iFood HSL color codes are 356, 83%, 52% for primary. Change the third value for a lighter or darker version without moving the hue.

Color	HSL
Primary	hsl(356, 83%, 52%)

iFood CMYK Color Code

iFood CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.

Color	CMYK
Primary	0%, 88%, 81%, 8%

iFood Pantone Color Codes

iFood Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.

Color	Nearest Pantone
Primary	PMS 185 C

Logo

iFood Logo Colors

iFood logo colors are one red for the wordmark, with a small fork mark on the i.

iFood Logo Colors Palette

What the iFood Logo Colors Mean?

The iFood red is a warm, appetite-first red, the safe pick for a food brand, and the identity puts its effort into the detail rather than the palette: the dot of the lowercase i is drawn as a fork. A single strong red on the rider bags and the app icon is enough in a market where iFood is the default.

iFood Logo Color History

iFood logo color history holds red from the beginning. The wordmark has been tidied a few times and the fork detail sharpened, but the color has not changed.

iFood Logo Fonts

iFood logo fonts are a custom bold sans, rounded and cheerful. A face like Nunito or a rounded grotesque is the nearest match.

iFood Logo JPG

iFood logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.

Download JPG Trademark of its owner, shown for identification.

iFood Logo PNG

iFood logo in PNG, with a transparent background. Use it over a colored surface.

Download PNG Trademark of its owner, shown for identification.

iFood Logo WebP

iFood logo in WebP. Same transparency as the PNG at about a third of the file size.

Download WEBP Trademark of its owner, shown for identification.

iFood Color Code Shades

iFood color code shades step evenly from the primary toward black, for hover states, borders and shadows.

These are interface steps, not iFood paint or trim names.

In code

Using the iFood palette

CSS custom properties

:root {
  --ifood-primary: #EA1D2C;
}

Contrast against white

Primary	4.46:1AA ×

Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.