IKEA Color Palette
EcommerceIKEA's Swedish blue-and-yellow palette directly references the Swedish flag, creating an instantly recognizable brand identity that communicates democratic design and Scandinavian heritage.
ikea.comIKEA logo is a trademark of IKEA. Used for informational purposes.
Brand Colors
IKEA Blue
primary
IKEA Yellow
secondary
IKEA Red
accent
Surfaces & Borders
IKEA White
background
IKEA Surface
surface
IKEA Border
border
Typography
IKEA Text
textPrimary
IKEA Secondary
textSecondary
IKEA Muted
textMuted
Semantic Colors
IKEA Green
success
IKEA Warning
warning
IKEA Error
error
IKEA Info
info
Accessibility
textPrimary / background
textPrimary / surface
textSecondary / background
textSecondary / surface
textMuted / background
textMuted / surface
Color Theory
IKEA's blue and yellow are directly drawn from the Swedish flag, creating a national-identity brand connection that's unique in retail. This patriotic palette is one of the most recognizable color combinations in global commerce.
- Blue and yellow form a high-contrast complementary pair — maximum visibility and recognition
- Red (#CC0008) serves as an accent for sales, promotions, and urgency
- White space balances the saturated blue and yellow for digital readability
Color Psychology
Blue communicates trust, reliability, and quality. Yellow adds optimism, affordability, and approachability. Together they suggest 'quality you can trust at prices you can afford' — IKEA's core promise.
Evolution
IKEA's blue-and-yellow combination has been the brand identity since 1983 when the current logo was established. The specific shades have been refined for digital use, but the Swedish flag connection remains the foundation.
How IKEA Uses Color
Primary
IKEA Blue (#0058A3) anchors headers, navigation, and the primary brand frame across all touchpoints.
Secondary
Yellow (#FFDA1A) fills backgrounds, promotional banners, and the iconic store exterior signage.
Accent
Red (#CC0008) drives sale tags, promotional pricing, and urgency elements in the shopping experience.
Backgrounds
White backgrounds with clean surfaces let product photography and room setups take visual priority.
Typography
Strong black text (#111111) ensures readability across the information-dense catalog and product pages.
Semantic
Distinct semantic colors avoid confusion with the dominant blue and yellow brand colors.
Agent integration
Use IKEA's Colors in Your Agent
Terminal
Copies full install command. Saves skill to .claude/skills/ikea/ — auto-detected on next run.
Included in the skill file
- 113 color roles — hex, HSL, and CSS variable names
- 2WCAG contrast rules for accessible pairings
- 3Auto-applies IKEA's palette when generating UI
Frequently Asked Questions
Create Something Inspired by IKEA
Generate a unique color palette inspired by IKEA's aesthetic using AI.
