E-commerce & Payments
Adyen Color Codes
Adyen's color is a bright green, hex #0ABF53, on a lowercase wordmark. The Adyen color codes in Hex, RGB and CMYK can be found below. Pieter van der Does and Arnout Schuijff started the payments company in Amsterdam in 2006; adyen means start over again in Sranan Tongo, a language of Suriname. Its rival among payment processors is Square.
Primary colors
What are Adyen Primary Colors?
Adyen's primary colors are adyen green #0ABF53, black #000000.
Adyen's green is a published brand color; the CMYK shown is a conversion.
Adyen Adyen Green
| Hex | #0ABF53 |
|---|---|
| RGB | 10, 191, 83 |
| HSL | hsl(144, 90%, 39%) |
| CMYK | 95%, 0%, 57%, 25%converted · approximate |
| Pantone | PMS 361 Cnearest match · not published by the brand |
Adyen 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 |
Adyen Hex Color Codes
Adyen hex color codes are #0ABF53 for adyen green and #000000 for black.
| Color | Hex |
|---|---|
| Adyen Green | #0ABF53 |
| Black | #000000 |
Adyen RGB Color Codes
Adyen RGB color codes are 10, 191, 83 for adyen green and 0, 0, 0 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Adyen Green | rgb(10, 191, 83) |
| Black | rgb(0, 0, 0) |
Adyen HSL Color Codes
Adyen HSL color codes are 144, 90%, 39% for adyen green and 0, 0%, 0% for black. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Adyen Green | hsl(144, 90%, 39%) |
| Black | hsl(0, 0%, 0%) |
Adyen CMYK Color Code
Adyen CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Adyen Green | 95%, 0%, 57%, 25% |
| Black | 0%, 0%, 0%, 100% |
Adyen Pantone Color Codes
Adyen Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Adyen Green | PMS 361 C |
| Black | PMS 419 C |
Logo
Adyen Logo Colors
Adyen logo colors are green and, where it reverses, white.
Adyen Logo Colors Palette
What the Adyen Logo Colors Mean?
The Adyen logo colors read as money and momentum. Green was chosen against the wall of blue that most payment firms use, and it also carries the obvious link to cash, from dollar bills to the 100-euro note, and to new growth. The lowercase wordmark keeps the whole thing plain, which suits a company that sells itself on quiet reliability behind the checkout.
Adyen Logo Color History
Adyen logo color history barely moves. The green lowercase wordmark has run since the 2006 launch with only small tightening of the letterforms.
Adyen Logo Fonts
Adyen logo fonts are a custom lowercase sans, not for sale. A clean geometric sans is the closest substitute.
Adyen Logo JPG
Adyen logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Adyen Logo PNG
Adyen logo in PNG, with a transparent background. Use it over a colored surface.
Adyen Logo WebP
Adyen logo in WebP. Same transparency as the PNG at about a third of the file size.
Adyen Color Code Shades
Adyen color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Adyen paint or trim names.
In code
Using the Adyen palette
CSS custom properties
:root {
--adyen-adyen-green: #0ABF53;
--adyen-black: #000000;
}Contrast against white
| Adyen Green | 2.44: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.