E-commerce & Payments
Zalando Color Codes
Zalando's color is an orange, hex #F47026, on a rounded pick-shaped mark and the wordmark. The Zalando color codes in Hex, RGB and CMYK can be found below. Students David Schneider and Robert Gentz started the fashion retailer in Berlin in 2008, modelling it on Zappos and picking a name that sounded Italian and stylish. Its counterpart for style-led selling is Etsy.
Primary colors
What are Zalando Primary Colors?
Zalando's primary colors are zalando orange #F47026, black #231F20.
Zalando publishes brand assets; the CMYK shown is a conversion.
Zalando Zalando Orange
| Hex | #F47026 |
|---|---|
| RGB | 244, 112, 38 |
| HSL | hsl(22, 90%, 55%) |
| CMYK | 0%, 54%, 84%, 4%converted · approximate |
| Pantone | PMS 164 Cnearest match · not published by the brand |
Zalando Black
| Hex | #231F20 |
|---|---|
| RGB | 35, 31, 32 |
| HSL | hsl(345, 6%, 13%) |
| CMYK | 0%, 11%, 9%, 86%converted · approximate |
| Pantone | PMS 426 Cnearest match · not published by the brand |
Zalando Hex Color Codes
Zalando hex color codes are #F47026 for zalando orange and #231F20 for black.
| Color | Hex |
|---|---|
| Zalando Orange | #F47026 |
| Black | #231F20 |
Zalando RGB Color Codes
Zalando RGB color codes are 244, 112, 38 for zalando orange and 35, 31, 32 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Zalando Orange | rgb(244, 112, 38) |
| Black | rgb(35, 31, 32) |
Zalando HSL Color Codes
Zalando HSL color codes are 22, 90%, 55% for zalando orange and 345, 6%, 13% for black. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Zalando Orange | hsl(22, 90%, 55%) |
| Black | hsl(345, 6%, 13%) |
Zalando CMYK Color Code
Zalando CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Zalando Orange | 0%, 54%, 84%, 4% |
| Black | 0%, 11%, 9%, 86% |
Zalando Pantone Color Codes
Zalando Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Zalando Orange | PMS 164 C |
| Black | PMS 426 C |
Logo
Zalando Logo Colors
Zalando logo colors are orange and black, on the plectrum mark and the name.
Zalando Logo Colors Palette
What the Zalando Logo Colors Mean?
The Zalando logo colors wrap a small abstract shape in a bright color. The mark is a rounded form the designers based on a stiletto heel, a quiet nod to fashion, and orange gives it warmth and stands apart from the blues and blacks other retailers use. A recent update darkened the orange slightly.
Zalando Logo Color History
Zalando logo color history keeps orange from the 2010 mark. The main change came in a refresh that deepened the orange and set the name in a new in-house typeface, which drew some argument for its unusual letter shapes.
Zalando Logo Fonts
Zalando logo fonts are Zalando Sans, a custom family the company later released for free. Before it, the wordmark used a plain grotesque.
Zalando Logo JPG
Zalando logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Zalando Logo PNG
Zalando logo in PNG, with a transparent background. Use it over a colored surface.
Zalando Logo WebP
Zalando logo in WebP. Same transparency as the PNG at about a third of the file size.
Zalando Color Code Shades
Zalando color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Zalando paint or trim names.
In code
Using the Zalando palette
CSS custom properties
:root {
--zalando-zalando-orange: #F47026;
--zalando-black: #231F20;
}Contrast against white
| Zalando Orange | 2.92:1AA × |
|---|---|
| Black | 16.30: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.