Logistics & Delivery
Uber Eats Color Codes
Uber Eats works in a green, hex #06C167, with near-black. The Uber Eats color codes in Hex, RGB and CMYK can be found below. It launched in 2014 as UberFRESH in Los Angeles, a lunch experiment inside the ride-hailing app, and was spun into its own service and name within a couple of years. Its nearest peer on this site is DoorDash.
Primary colors
What are Uber Eats Primary Colors?
Uber Eats's primary color is #06C167. Every value on this page is derived from it.
Uber Eats publishes a brand system; the value shown matches its stated green.
Uber Eats Primary
| Hex | #06C167 |
|---|---|
| RGB | 6, 193, 103 |
| HSL | hsl(151, 94%, 39%) |
| CMYK | 97%, 0%, 47%, 24%converted · approximate |
| Pantone | PMS 354 Cnearest match · not published by the brand |
Uber Eats Hex Color Codes
Uber Eats hex color codes are #06C167 for primary.
| Color | Hex |
|---|---|
| Primary | #06C167 |
Uber Eats RGB Color Codes
Uber Eats RGB color codes are 6, 193, 103 for primary. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Primary | rgb(6, 193, 103) |
Uber Eats HSL Color Codes
Uber Eats HSL color codes are 151, 94%, 39% for primary. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Primary | hsl(151, 94%, 39%) |
Uber Eats CMYK Color Code
Uber Eats CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Primary | 97%, 0%, 47%, 24% |
Uber Eats Pantone Color Codes
Uber Eats 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 354 C |
Logo
Uber Eats Logo Colors
Uber Eats logo colors are a green wordmark, with Uber in black and Eats picked out.
Uber Eats Logo Colors Palette
What the Uber Eats Logo Colors Mean?
The Uber Eats green came in with the 2018 rebrand, which pulled the service away from Uber's strict black and gave it a color that reads as fresh and, conveniently, as go. Uber stays black in the lockup; Eats takes the green, so the parent and the offshoot are legible as one family and two things.
Uber Eats Logo Color History
Uber Eats logo color history has one real step: the early UberEATS used Uber's black and a red accent; the 2018 identity replaced the red with the current green and set the two words in a custom face.
Uber Eats Logo Fonts
Uber Eats logo fonts are Uber Move, the custom sans drawn for Uber in 2018. A tight grotesque like Helvetica Now is the nearest match.
Uber Eats Logo JPG
Uber Eats logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Uber Eats Logo PNG
Uber Eats logo in PNG, with a transparent background. Use it over a colored surface.
Uber Eats Logo WebP
Uber Eats logo in WebP. Same transparency as the PNG at about a third of the file size.
Uber Eats Color Code Shades
Uber Eats color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Uber Eats paint or trim names.
In code
Using the Uber Eats palette
CSS custom properties
:root {
--uber-eats-primary: #06C167;
}
Contrast against white
| Primary | 2.38: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.