Food & Restaurants
Dunkin' Color Codes
Dunkin' pairs an orange, hex #FF6E0C, with a magenta pink, #E11383. The Dunkin' color codes in Hex, RGB and CMYK can be found below. William Rosenberg opened the first shop in Quincy, Massachusetts, in 1950 as Dunkin' Donuts, and the chain cut the word Donuts from its name in 2019. Its rival among fast coffee and breakfast is McDonald's.
Primary colors
What are Dunkin' Primary Colors?
Dunkin''s primary colors are dunkin orange #FF6E0C, dunkin pink #E11383.
Dunkin' publishes no open hex sheet; these are measured from the current wordmark.
Dunkin' Dunkin Orange
| Hex | #FF6E0C |
|---|---|
| RGB | 255, 110, 12 |
| HSL | hsl(24, 100%, 52%) |
| CMYK | 0%, 57%, 95%, 0%converted · approximate |
| Pantone | PMS 1585 Cnearest match · not published by the brand |
Dunkin' Dunkin Pink
| Hex | #E11383 |
|---|---|
| RGB | 225, 19, 131 |
| HSL | hsl(327, 84%, 48%) |
| CMYK | 0%, 92%, 42%, 12%converted · approximate |
| Pantone | PMS 219 Cnearest match · not published by the brand |
Dunkin' Hex Color Codes
Dunkin' hex color codes are #FF6E0C for dunkin orange and #E11383 for dunkin pink.
| Color | Hex |
|---|---|
| Dunkin Orange | #FF6E0C |
| Dunkin Pink | #E11383 |
Dunkin' RGB Color Codes
Dunkin' RGB color codes are 255, 110, 12 for dunkin orange and 225, 19, 131 for dunkin pink. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Dunkin Orange | rgb(255, 110, 12) |
| Dunkin Pink | rgb(225, 19, 131) |
Dunkin' HSL Color Codes
Dunkin' HSL color codes are 24, 100%, 52% for dunkin orange and 327, 84%, 48% for dunkin pink. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Dunkin Orange | hsl(24, 100%, 52%) |
| Dunkin Pink | hsl(327, 84%, 48%) |
Dunkin' CMYK Color Code
Dunkin' CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Dunkin Orange | 0%, 57%, 95%, 0% |
| Dunkin Pink | 0%, 92%, 42%, 12% |
Dunkin' Pantone Color Codes
Dunkin' Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Dunkin Orange | PMS 1585 C |
| Dunkin Pink | PMS 219 C |
Logo
Dunkin' Logo Colors
Dunkin' logo colors are orange and pink, on a rounded wordmark.
Dunkin' Logo Colors Palette
What the Dunkin' Logo Colors Mean?
The Dunkin' logo colors have been the same since 1973. Orange and pink were picked to look fun and unmissable on a highway, well before any rule said a coffee brand should look muted, and the rounded lettering matched. Dropping Donuts in 2019 was a bet that the coffee mattered more than the pastry, but the colors and the font were kept on purpose.
Dunkin' Logo Color History
Dunkin' logo color history is one long run of orange and pink from 1973, with only small shifts in the exact shades and the loss of a coffee-cup graphic in the 2019 change.
Dunkin' Logo Fonts
Dunkin' logo fonts are a custom rounded sans from the 1970s, refreshed but not released. A friendly rounded geometric sans is the nearest match.
Dunkin' Logo JPG
Dunkin' logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Dunkin' Logo PNG
Dunkin' logo in PNG, with a transparent background. Use it over a colored surface.
Dunkin' Logo WebP
Dunkin' logo in WebP. Same transparency as the PNG at about a third of the file size.
Dunkin' Color Code Shades
Dunkin' color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Dunkin' paint or trim names.
In code
Using the Dunkin' palette
CSS custom properties
:root {
--dunkin-dunkin-orange: #FF6E0C;
--dunkin-dunkin-pink: #E11383;
}
Contrast against white
| Dunkin Orange | 2.80:1AA × |
|---|---|
| Dunkin Pink | 4.54: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.