Travel & Airlines

Lyft Color Codes

Lyft works in a bright pink, hex #FF00BF, with black and white. The Lyft color codes in Hex, RGB and CMYK can be found below. Logan Green and John Zimmer launched it in 2012 as a spin-off of their long-distance carpool service Zimride, and made its name early with the giant furry pink mustaches drivers strapped to their car grilles. Its nearest peer on this site is Uber.

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

Primary colors

What are Lyft Primary Colors?

Lyft's primary colors are pink #FF00BF, white #FFFFFF, black #11111F.

Lyft publishes a brand system; the values shown match its stated pink.

Lyft Pink

Hex	#FF00BF
RGB	255, 0, 191
HSL	hsl(315, 100%, 50%)
CMYK	0%, 100%, 25%, 0%converted · approximate
Pantone	PMS 807 Cnearest match · not published by the brand

Lyft White

Hex	#FFFFFF
RGB	255, 255, 255
HSL	hsl(0, 0%, 100%)
CMYK	0%, 0%, 0%, 0%converted · approximate
Pantone	PMS 656 Cnearest match · not published by the brand

Lyft Black

Hex	#11111F
RGB	17, 17, 31
HSL	hsl(240, 29%, 9%)
CMYK	45%, 45%, 0%, 88%converted · approximate
Pantone	PMS 2767 Cnearest match · not published by the brand

Lyft Hex Color Codes

Lyft hex color codes are #FF00BF for pink, #FFFFFF for white and #11111F for black.

Color	Hex
Pink	#FF00BF
White	#FFFFFF
Black	#11111F

Lyft RGB Color Codes

Lyft RGB color codes are 255, 0, 191 for pink, 255, 255, 255 for white and 17, 17, 31 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

Color	RGB
Pink	rgb(255, 0, 191)
White	rgb(255, 255, 255)
Black	rgb(17, 17, 31)

Lyft HSL Color Codes

Lyft HSL color codes are 315, 100%, 50% for pink, 0, 0%, 100% for white and 240, 29%, 9% for black. Change the third value for a lighter or darker version without moving the hue.

Color	HSL
Pink	hsl(315, 100%, 50%)
White	hsl(0, 0%, 100%)
Black	hsl(240, 29%, 9%)

Lyft CMYK Color Code

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

Color	CMYK
Pink	0%, 100%, 25%, 0%
White	0%, 0%, 0%, 0%
Black	45%, 45%, 0%, 88%

Lyft Pantone Color Codes

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

Color	Nearest Pantone
Pink	PMS 807 C
White	PMS 656 C
Black	PMS 2767 C

Logo

Lyft Logo Colors

Lyft logo colors are one saturated pink, on white or reversed out in white.

Lyft Logo Colors Palette

What the Lyft Logo Colors Mean?

The Lyft logo color is a loud magenta pink that exists mainly to not be Uber. Where the rival went black and severe, Lyft went friendly and bright, and the pink carried over from the physical mustache into the app icon and the wordmark. It is a positioning choice worn as a color.

Lyft Logo Color History

Lyft logo color history moved once. The original mark used a darker magenta near #EA0B8C alongside the mustache; the 2019 brand refresh brightened it to #FF00BF, dropped the mustache from the logo and squared up the letterforms.

Lyft Logo Fonts

Lyft logo fonts are a custom rounded sans with soft corners. A face like Sofia Pro or a rounded Futura is the closest match.

Lyft Logo JPG

Lyft 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.

Lyft Logo PNG

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

Download PNG Trademark of its owner, shown for identification.

Lyft Logo WebP

Lyft 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.

Lyft Color Code Shades

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

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

In code

Using the Lyft palette

CSS custom properties

:root {
  --lyft-pink: #FF00BF;
  --lyft-white: #FFFFFF;
  --lyft-black: #11111F;
}

Contrast against white

Pink	3.50:1AA ×
White	1.00:1AA ×
Black	18.69: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.