Uber colors

Uber color codes

Select a color to open its own page with tints, shades, harmonies and every color format, or open the whole set in the palette generator.

Where the Uber colors come from

Uber does not publish hex values in public brand guidelines, so these were read from the code of its live website (stylesheets and the SVG files it serves) on 16 October 2026. They are the colors www.uber.com actually renders, which can differ slightly from print or logo colors.

• Source (live website CSS or SVG): https://www.uber.com/_static/client-main-styles-4ae9729be2ea70f9.css checked 2026-10-16
• Also: https://www.uber.com/us/en/ checked 2026-10-16

Uber color contrast

White text on Uber black has a contrast ratio of 21.00:1 and passes WCAG AAA for any text size. Used as a text color, Uber black reaches 21.00:1 on white and 1.00:1 on black. Ratios are WCAG 2 (truncated, never rounded up); APCA Lc is shown as a second opinion.

Uber colors in CSS and Tailwind

Copy the Uber palette as CSS custom properties or as a Tailwind CSS v4 theme. The last snippet is an 11-step Tailwind scale (50 to 950) generated in OKLCH from Uber black, for hover states, borders and tinted backgrounds.

:root {
  --uber-black: #000000;
  --uber-white: #FFFFFF;
  --uber-near-black-text: #111111;
  --uber-light-gray: #F6F6F6;
}

@import "tailwindcss";

@theme {
  --color-uber-black: #000000;
  --color-uber-white: #FFFFFF;
  --color-uber-near-black-text: #111111;
  --color-uber-light-gray: #F6F6F6;
}

@theme {
  --color-uber-50: #F5F5F5;
  --color-uber-100: #EAEAEA;
  --color-uber-200: #D9D9D9;
  --color-uber-300: #C0C0C0;
  --color-uber-400: #A0A0A0;
  --color-uber-500: #898989;
  --color-uber-600: #737373;
  --color-uber-700: #616161;
  --color-uber-800: #4F4F4F;
  --color-uber-900: #414141;
  --color-uber-950: #000000;
}

Named colors closest to the Uber palette

The nearest named color to each brand color, measured as perceptual distance (ΔE OK) in OKLab. Under 0.02 is hard to tell apart; above 0.05 the difference is easy to see.

How to use a Uber-style palette

• Lead with Uber black #000000 for buttons, links and key highlights, with white text on it.
• Give most of the layout to White #FFFFFF, Near-black text #111111 and Light gray #F6F6F6, about 60% of the screen, so Uber black stands out.
• With a single brand color, use tints and shades of Uber black (the Tailwind scale above) instead of extra hues.
• As text on a white page, Uber black reaches 21.00:1: it passes WCAG AAA for any text size.

To see how www.uber.com uses these colors today, including backgrounds, text and dark mode, run it through the website color extractor. To turn Uber black into a full light and dark color system with accessible roles, open it in the Color System Studio.

More brand colors

• Lyft colors#FF00BF #1D0C17 #820076 #F1F0EC
• The Home Depot colors#F96302 #BC4B02 #333333 #FFFFFF
• Target colors#CC0000 #FAF2ED #333333 #FFFFFF
• Amazon colors#FF9900 #131921 #232F3E #FEBD69
• Walmart colors#0053E2 #FFC220 #001E60 #4DBDF5
• FedEx colors#4D148C #FF6200
• UPS colors#351C15 #FFC400 #F2F2F2
• IKEA colors#0058A3 #FFDB00 #007CC1 #111111
• Tiffany colors#81D8D0 #000000 #00A4B7
• Pepsi colors#0000FE #0025FF #0E0E96 #FF1400
• John Deere colors#367C2B #FFDE00 #185F11 #1B1C1B
• Barbie colors#FF3EB5 #FFD8EF

Trademarks

Frequently asked questions