E-commerce & Payments
Apple Pay Color Codes
Apple Pay works in black and white, with the Apple mark set beside the word Pay. The Apple Pay color codes in Hex, RGB and CMYK can be found below. Apple launched the service in 2014, building it into the iPhone and Apple Watch rather than a separate app. Its direct rival is Google Pay.
Primary colors
What are Apple Pay Primary Colors?
Apple Pay's primary colors are black #000000, white #FFFFFF.
Apple Pay publishes no open hex sheet; black and white are measured from the mark.
Apple Pay 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 |
Apple Pay 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 |
Apple Pay Hex Color Codes
Apple Pay hex color codes are #000000 for black and #FFFFFF for white.
| Color | Hex |
|---|---|
| Black | #000000 |
| White | #FFFFFF |
Apple Pay RGB Color Codes
Apple Pay RGB color codes are 0, 0, 0 for black and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Black | rgb(0, 0, 0) |
| White | rgb(255, 255, 255) |
Apple Pay HSL Color Codes
Apple Pay HSL color codes are 0, 0%, 0% for black and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Black | hsl(0, 0%, 0%) |
| White | hsl(0, 0%, 100%) |
Apple Pay CMYK Color Code
Apple Pay CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Black | 0%, 0%, 0%, 100% |
| White | 0%, 0%, 0%, 0% |
Apple Pay Pantone Color Codes
Apple Pay Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Black | PMS 419 C |
| White | PMS 656 C |
Logo
Apple Pay Logo Colors
Apple Pay logo colors are black and white, matching whatever surface the mark sits on.
Apple Pay Logo Colors Palette
What the Apple Pay Logo Colors Mean?
The Apple Pay logo colors carry no meaning of their own, because the mark is just the Apple logo plus a word. It appears black on light backgrounds and white on dark ones, and Apple's guidelines allow almost no variation. The point is that it reads as part of Apple rather than a product with its own look.
Apple Pay Logo Color History
Apple Pay logo color history is a single black-and-white scheme from 2014. A 2016 tidy-up thickened the Apple shape and the lettering slightly; the palette has never changed.
Apple Pay Logo Fonts
Apple Pay logo fonts are SF Pro, Apple's system typeface, used here in a semibold weight. SF Pro is free to use inside Apple's platforms but not for general licensing.
Apple Pay Logo JPG
Apple Pay logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Apple Pay Logo PNG
Apple Pay logo in PNG, with a transparent background. Use it over a colored surface.
Apple Pay Logo WebP
Apple Pay logo in WebP. Same transparency as the PNG at about a third of the file size.
Apple Pay Color Code Shades
Apple Pay color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Apple Pay paint or trim names.
In code
Using the Apple Pay palette
CSS custom properties
:root {
--apple-pay-black: #000000;
--apple-pay-white: #FFFFFF;
}Contrast against white
| Black | 21.00:1AA ✓ |
|---|---|
| White | 1.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.