E-commerce & Payments
Discover Color Codes
Discover's color is a warm orange, hex #FF6000, used for the sunburst circle that stands in for the O. The Discover color codes in Hex, RGB and CMYK can be found below. Sears launched the card in 1985 and pushed it hard at that year's Super Bowl, aiming it at ordinary shoppers rather than the travel-and-entertainment crowd. Its rival among US card issuers is American Express.
Primary colors
What are Discover Primary Colors?
Discover's primary colors are discover orange #FF6000, black #000000.
Discover publishes no open hex sheet; the orange is measured from the current mark.
Discover Discover Orange
| Hex | #FF6000 |
|---|---|
| RGB | 255, 96, 0 |
| HSL | hsl(23, 100%, 50%) |
| CMYK | 0%, 62%, 100%, 0%converted · approximate |
| Pantone | PMS 165 Cnearest match · not published by the brand |
Discover Black
| Hex | #000000 |
|---|---|
| RGB | 0, 0, 0 |
| HSL | hsl(0, 0%, 0%) |
| CMYK | 0%, 0%, 0%, 100%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Discover Hex Color Codes
Discover hex color codes are #FF6000 for discover orange and #000000 for black.
| Color | Hex |
|---|---|
| Discover Orange | #FF6000 |
| Black | #000000 |
Discover RGB Color Codes
Discover RGB color codes are 255, 96, 0 for discover orange and 0, 0, 0 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Discover Orange | rgb(255, 96, 0) |
| Black | rgb(0, 0, 0) |
Discover HSL Color Codes
Discover HSL color codes are 23, 100%, 50% for discover orange and 0, 0%, 0% for black. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Discover Orange | hsl(23, 100%, 50%) |
| Black | hsl(0, 0%, 0%) |
Discover CMYK Color Code
Discover CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Discover Orange | 0%, 62%, 100%, 0% |
| Black | 0%, 0%, 0%, 100% |
Discover Pantone Color Codes
Discover Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Discover Orange | PMS 165 C |
| Black | PMS 419 C |
Logo
Discover Logo Colors
Discover logo colors are orange and black: a black wordmark with a glowing orange disc for the O.
Discover Logo Colors Palette
What the Discover Logo Colors Mean?
The Discover logo colors center on that orange circle. The first card set the whole name in shades of orange and red, with the O drawn as a small setting sun. The current mark keeps the idea but cuts back: the word is plain black capitals and only the O stays orange, lit brighter at the middle and darker at the rim so it reads as a source of light.
Discover Logo Color History
Discover logo color history runs orange from 1985, first across the full wordmark, then narrowed to the single disc in the redraws that followed. Black replaced the earlier orange lettering to hold up better at small sizes.
Discover Logo Fonts
Discover logo fonts are a custom bold sans, squared and tightly spaced, not licensed. A heavy grotesque such as a bold Helvetica covers it.
Discover Logo JPG
Discover logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Discover Logo PNG
Discover logo in PNG, with a transparent background. Use it over a colored surface.
Discover Logo WebP
Discover logo in WebP. Same transparency as the PNG at about a third of the file size.
Discover Color Code Shades
Discover color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Discover paint or trim names.
In code
Using the Discover palette
CSS custom properties
:root {
--discover-discover-orange: #FF6000;
--discover-black: #000000;
}Contrast against white
| Discover Orange | 3.03:1AA × |
|---|---|
| Black | 21.00: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.