E-commerce & Payments
Klarna Color Codes
Klarna's color is a pale pink, hex #FFB3C7, used behind or around the black Klarna wordmark. The Klarna color codes in Hex, RGB and CMYK can be found below. The Swedish company was founded in Stockholm in 2005 out of a student project and helped popularise buy-now-pay-later checkout. Its rival in that market is Afterpay.
Primary colors
What are Klarna Primary Colors?
Klarna's primary colors are klarna pink #FFB3C7, black #000000.
Klarna's pink is a published brand color; the CMYK shown is a conversion.
Klarna Klarna Pink
| Hex | #FFB3C7 |
|---|---|
| RGB | 255, 179, 199 |
| HSL | hsl(344, 100%, 85%) |
| CMYK | 0%, 30%, 22%, 0%converted · approximate |
| Pantone | PMS 203 Cnearest match · not published by the brand |
Klarna 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 |
Klarna Hex Color Codes
Klarna hex color codes are #FFB3C7 for klarna pink and #000000 for black.
| Color | Hex |
|---|---|
| Klarna Pink | #FFB3C7 |
| Black | #000000 |
Klarna RGB Color Codes
Klarna RGB color codes are 255, 179, 199 for klarna pink and 0, 0, 0 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Klarna Pink | rgb(255, 179, 199) |
| Black | rgb(0, 0, 0) |
Klarna HSL Color Codes
Klarna HSL color codes are 344, 100%, 85% for klarna pink and 0, 0%, 0% for black. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Klarna Pink | hsl(344, 100%, 85%) |
| Black | hsl(0, 0%, 0%) |
Klarna CMYK Color Code
Klarna CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Klarna Pink | 0%, 30%, 22%, 0% |
| Black | 0%, 0%, 0%, 100% |
Klarna Pantone Color Codes
Klarna Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Klarna Pink | PMS 203 C |
| Black | PMS 419 C |
Logo
Klarna Logo Colors
Klarna logo colors are pink and black: a black wordmark on a soft pink field.
Klarna Logo Colors Palette
What the Klarna Logo Colors Mean?
The Klarna logo colors were picked as a rejection. Banking and payments lean on navy, dark green and grey, so the 2017 Smoooth rebrand went the other way and made a light pink the core color, meant to feel approachable rather than institutional. Black keeps the wordmark readable on top of it.
Klarna Logo Color History
Klarna logo color history has one clear break. Before 2017 the brand used a serious blue; the Smoooth work replaced it with pink, a new lowercase wordmark and a warmer tone across the whole identity.
Klarna Logo Fonts
Klarna logo fonts are Klarna Display and Klarna Text, a custom pair kept in-house. A humanist sans such as a light Gill Sans is the nearest feel.
Klarna Logo JPG
Klarna logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Klarna Logo PNG
Klarna logo in PNG, with a transparent background. Use it over a colored surface.
Klarna Logo WebP
Klarna logo in WebP. Same transparency as the PNG at about a third of the file size.
Klarna Color Code Shades
Klarna color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Klarna paint or trim names.
In code
Using the Klarna palette
CSS custom properties
:root {
--klarna-klarna-pink: #FFB3C7;
--klarna-black: #000000;
}Contrast against white
| Klarna Pink | 1.68: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.