DoorDash colors

The DoorDash color palette has 5 colors: DoorDash red #FF3008, UI red #EB1700, Dark red #570000, Stone #E7E4D9 and Dark gray #414141. Below are HEX, RGB, HSL and OKLCH codes, contrast checks, CSS and Tailwind variables, all from its live website code checked on 16 October 2026.

DoorDash color codes

DoorDash brand colors in HEX, RGB, HSL and OKLCH
Color	Role	HEX	RGB	HSL	OKLCH
DoorDash red	Primary	#FF3008	rgb(255, 48, 8)	hsl(10, 100%, 52%)	oklch(64.5% 0.242 31.8)
UI red	Secondary	#EB1700	rgb(235, 23, 0)	hsl(6, 100%, 46%)	oklch(59.6% 0.237 30.3)
Dark red	Secondary	#570000	rgb(87, 0, 0)	hsl(0, 100%, 17%)	oklch(28.7% 0.118 29.2)
Stone	Background	#E7E4D9	rgb(231, 228, 217)	hsl(47, 23%, 88%)	oklch(91.8% 0.015 94.2)
Dark gray	Text	#414141	rgb(65, 65, 65)	hsl(0, 0%, 25%)	oklch(37.5% 0 0)

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 DoorDash colors come from

DoorDash 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.doordash.com actually renders, which can differ slightly from print or logo colors.

Source (live website CSS or SVG): https://about.doordash.com/_next/static/css/dc53062a92c54b91.css checked 2026-10-16
Also: https://about.doordash.com/en-us checked 2026-10-16

DoorDash color contrast

Black text on DoorDash red has a contrast ratio of 5.67:1 and passes WCAG AA for body text. Used as a text color, DoorDash red reaches 3.69:1 on white and 5.67:1 on black. Ratios are WCAG 2 (truncated, never rounded up); APCA Lc is shown as a second opinion.

White and black text on DoorDash colors
Pair	WCAG 2 ratio	WCAG 2 result	APCA	APCA guidance
White on DoorDash red	3.69:1	AA large text	Lc -68.0	Content text, not long reading
Black on DoorDash red	5.67:1	AA	Lc 41.6	Non-text elements, placeholder text
White on UI red	4.51:1	AA	Lc -74.3	Content text, not long reading
Black on UI red	4.65:1	AA	Lc 35.3	Non-text elements, placeholder text
White on Dark red	14.94:1	AAA	Lc -103.3	Preferred for body text
Black on Dark red	1.40:1	Fails	Lc 0.0	Not readable
White on Stone	1.27:1	Fails	Lc -15.6	Dividers and decoration only
Black on Stone	16.49:1	AAA	Lc 90.0	Preferred for body text
White on Dark gray	10.20:1	AAA	Lc -97.8	Preferred for body text
Black on Dark gray	2.05:1	Fails	Lc 10.2	Not readable

DoorDash colors on each other
Pair	WCAG 2 ratio	WCAG 2 result	APCA	APCA guidance
Dark red on Stone	11.73:1	AAA	Lc 84.2	Fine for body text
Dark gray on Stone	8.01:1	AAA	Lc 77.7	Fine for body text
Dark red on DoorDash red	4.04:1	AA large text	Lc 35.7	Non-text elements, placeholder text
UI red on Stone	3.54:1	AA large text	Lc 52.8	Large or bold text, headings

DoorDash colors in CSS and Tailwind

Copy the DoorDash 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 DoorDash red, for hover states, borders and tinted backgrounds.

CSS variables

:root {
  --doordash-red: #FF3008;
  --doordash-ui-red: #EB1700;
  --doordash-dark-red: #570000;
  --doordash-stone: #E7E4D9;
  --doordash-dark-gray: #414141;
}

Tailwind CSS v4 theme

@import "tailwindcss";

@theme {
  --color-doordash-red: #FF3008;
  --color-doordash-ui-red: #EB1700;
  --color-doordash-dark-red: #570000;
  --color-doordash-stone: #E7E4D9;
  --color-doordash-dark-gray: #414141;
}

Tailwind scale generated from DoorDash red #FF3008

@theme {
  --color-doordash-50: #FFF2EF;
  --color-doordash-100: #FFE3DD;
  --color-doordash-200: #FFCBC0;
  --color-doordash-300: #FFA694;
  --color-doordash-400: #FF6B51;
  --color-doordash-500: #FF3008;
  --color-doordash-600: #D32300;
  --color-doordash-700: #B21C00;
  --color-doordash-800: #941500;
  --color-doordash-900: #7C1000;
  --color-doordash-950: #4C0801;
}

Named colors closest to the DoorDash 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.

Brand color	HEX	Nearest named color	Named HEX	ΔE OK
DoorDash red	#FF3008	Red Orange	#FD3C06	0.013
UI red	#EB1700	Tomato Red	#EC2D01	0.018
Dark red	#570000	Mahogany	#4A0100	0.032
Stone	#E7E4D9	Platinum	#E0E1DD	0.015
Dark gray	#414141	Charcoal Grey	#3C4142	0.008

How to use a DoorDash-style palette

Lead with DoorDash red #FF3008 for buttons, links and key highlights, with black text on it.
Give most of the layout to Stone #E7E4D9 and Dark gray #414141, about 60% of the screen, so DoorDash red stands out.
Keep UI red and Dark red for small accents (around 10%): status colors, illustrations or charts.
As text on a white page, DoorDash red reaches 3.69:1: it passes WCAG AA only for large or bold text (18pt, or 14pt bold).

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

More brand colors

Trademarks

Frequently asked questions

What is the DoorDash hex color?

The main DoorDash color is DoorDash red #FF3008, which is rgb(255, 48, 8) in RGB. It comes from the CSS and SVG files of DoorDash's live website (DoorDash publishes no official hex values), checked on 16 October 2026.

What colors does DoorDash use?

DoorDash uses 5 core colors: DoorDash red #FF3008, UI red #EB1700, Dark red #570000, Stone #E7E4D9 and Dark gray #414141.

What is DoorDash red in RGB, HSL and OKLCH?

DoorDash red #FF3008 is rgb(255, 48, 8), hsl(10, 100%, 52%) and oklch(64.5% 0.242 31.8). The closest named color is Red Orange #FD3C06.

Should text on DoorDash red be white or black?

Black text reads better on DoorDash red: it has a contrast ratio of 5.67:1, which passes WCAG AA for body text.

Where do these DoorDash colors come from?

The hex values were read from DoorDash's live website code at https://about.doordash.com/_next/static/css/dc53062a92c54b91.css on 16 October 2026. Contrast, RGB, HSL and OKLCH values on this page are calculated from those hex codes.

Can I use the DoorDash colors in my own design?

Colors on their own are not owned, but DoorDash's name, logo and the way it combines its colors are trademarks. Use these values to match DoorDash when you refer to it, follow its official guidelines, and do not imply a link to DoorDash in your own brand.

Use the DoorDash colors

Check www.doordash.com live, build a color system from DoorDash red, or remix the palette.

Analyze DoorDash's live site Build a color system from DoorDash colors Open in the palette generator Preview on a design