Find Color Codes

Retail & Supermarkets

IKEA Color Codes

IKEA works in a blue, hex #0058AB, and a yellow, hex #FBD914, the colors of the Swedish flag. The IKEA color codes in Hex, RGB and CMYK can be found below. Ingvar Kamprad started the company in 1943 at seventeen, building the name from his initials and the farm and village he grew up on; furniture came later, flat packs later still. Its nearest peer on this site is Walmart.

The IKEA logo, shown for identification
The IKEA logo, shown for identification. IKEA is a trademark of its owner and this site is not affiliated with it.

Primary colors

What are IKEA Primary Colors?

IKEA's primary colors are blue #0058AB, yellow #FBD914.

IKEA publishes a manual; the values shown match its stated blue and yellow.

IKEA Blue

Hex#0058AB
RGB0, 88, 171
HSLhsl(209, 100%, 34%)
CMYK100%, 49%, 0%, 33%converted · approximate
PantonePMS 2945 Cnearest match · not published by the brand

IKEA Yellow

Hex#FBD914
RGB251, 217, 20
HSLhsl(51, 97%, 53%)
CMYK0%, 14%, 92%, 2%converted · approximate
PantonePMS 109 Cnearest match · not published by the brand

IKEA Hex Color Codes

IKEA hex color codes are #0058AB for blue and #FBD914 for yellow.

ColorHex
Blue #0058AB
Yellow #FBD914

IKEA RGB Color Codes

IKEA RGB color codes are 0, 88, 171 for blue and 251, 217, 20 for yellow. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

ColorRGB
Blue rgb(0, 88, 171)
Yellow rgb(251, 217, 20)

IKEA HSL Color Codes

IKEA HSL color codes are 209, 100%, 34% for blue and 51, 97%, 53% for yellow. Change the third value for a lighter or darker version without moving the hue.

ColorHSL
Blue hsl(209, 100%, 34%)
Yellow hsl(51, 97%, 53%)

IKEA CMYK Color Code

IKEA CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.

ColorCMYK
Blue 100%, 49%, 0%, 33%
Yellow 0%, 14%, 92%, 2%

IKEA Pantone Color Codes

IKEA Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.

ColorNearest Pantone
Blue PMS 2945 C
Yellow PMS 109 C

Logo

IKEA Logo Colors

IKEA logo colors are blue capitals inside a yellow oval, on white or reversed.

IKEA Logo Colors Palette

What the IKEA Logo Colors Mean?

The IKEA logo colors are the Swedish flag, stated plainly. The yellow oval holds the blue wordmark like a badge, and the pairing has been consistent long enough that the shape alone reads as IKEA in a car park from a distance. It is a deliberately loud combination for a company that sells calm interiors.

IKEA Logo Color History

IKEA logo color history has a few early steps. The 1950s marks were red script and a red-and-black roundel; the blue-and-yellow oval arrived in 1967 and was tightened in 1983 into the version still in use, with only small refinements since.

IKEA Logo Fonts

IKEA logo fonts were Futura for decades, then a licensed Verdana cut in 2009 that drew complaints, and since 2019 a custom face, Noto IKEA. Futura Bold is the closest match to the wordmark most people picture.

IKEA Logo JPG

IKEA logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.

IKEA logo, JPG format
Download JPG Trademark of its owner, shown for identification.

IKEA Logo PNG

IKEA logo in PNG, with a transparent background. Use it over a colored surface.

IKEA logo, PNG format
Download PNG Trademark of its owner, shown for identification.

IKEA Logo WebP

IKEA logo in WebP. Same transparency as the PNG at about a third of the file size.

IKEA logo, WEBP format
Download WEBP Trademark of its owner, shown for identification.

IKEA Color Code Shades

IKEA color code shades step evenly from the primary toward black, for hover states, borders and shadows.

These are interface steps, not IKEA paint or trim names.

In code

Using the IKEA palette

CSS custom properties

:root {
  --ikea-blue: #0058AB;
  --ikea-yellow: #FBD914;
}

Contrast against white

Blue 7.04:1AA ✓
Yellow 1.40: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.