Lidl color palette
Food & DrinkLidl's brand color system is built around a bold blue, accented by vibrant yellow and red, reflecting its German roots and value-focused identity. The palette is highly recognizable and consistent across all touchpoints.
lidl.comLidl colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Lidl BluePrimary0, 80, 170
- Lidl YellowSecondary255, 213, 0
- Lidl RedAccent238, 28, 37
Surfaces
Page, cards and dividers.- Lidl WhiteBackground255, 255, 255
- Lidl Light GraySurface246, 246, 246
- Lidl Gray BorderBorder199, 199, 199
Text
Three tiers of copy.- Lidl CharcoalText34, 34, 34
- Lidl Medium GraySecondary text102, 102, 102
- Lidl Muted GrayMuted text166, 166, 166
Semantic
Feedback and state colors.- Lidl GreenSuccess107, 190, 68
- Lidl OrangeWarning255, 182, 0
- Lidl Error RedError208, 2, 27
- Lidl Info BlueInfo0, 152, 216
Use Lidl's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
lidl-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0098D8;
--error: #D0021B;
--accent: #EE1C25;
--border: #C7C7C7;
--primary: #0050AA;
--success: #6BBE44;
--surface: #F6F6F6;
--warning: #FFB600;
--secondary: #FFD500;
--text-muted: #A6A6A6;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Lidl gray and neutral colors
The quiet part of the Lidl palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Lidl WhiteBackground
- HEX
- RGB
- HSL
- Lidl Light GraySurface
- HEX
- RGB
- HSL
- Lidl Gray BorderBorder
- HEX
- RGB
- HSL
- Lidl CharcoalText
- HEX
- RGB
- HSL
- Lidl Medium GraySecondary text
- HEX
- RGB
- HSL
- Lidl Muted GrayMuted text
- HEX
- RGB
- HSL
About Lidl's colors
Lidl's palette uses primary colors to create a strong, approachable, and memorable identity. The combination of blue, yellow, and red ensures high visibility and brand recall.
Primary blue is complemented by yellow and red for contrast.
Neutral grays and white balance the vivid primaries.
Accent colors are used sparingly for emphasis and calls to action.
Psychology
Blue communicates trust, reliability, and value, aligning with Lidl's brand promise. Yellow and red add energy and approachability, appealing to a broad customer base.
Evolution
Lidl's color palette has remained remarkably stable, maintaining its core blue, yellow, and red since its inception. Minor adjustments have been made to gray tones and supporting neutrals for digital clarity.
Where Lidl uses each color
- Primary
Lidl Blue is used for the logo, navigation bars, and key brand elements.
- Secondary
Lidl Yellow appears in the logo background, promotional banners, and price tags.
- Accent
Lidl Red is used for logo details, call-to-action buttons, and highlights.
- Backgrounds
Lidl White and Light Gray are used for website backgrounds, app screens, and printed materials.
- Text
Lidl Charcoal and Medium Gray are used for primary and secondary text across digital and print.
- Semantic
Lidl Green, Orange, Error Red, and Info Blue are used for status indicators, alerts, and notifications in digital interfaces.
Lidl color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Lidl primary color hex code is #0050AA. This blue is central to the brand's identity.
Lidl Blue (#0050AA) in RGB is 0, 80, 170 and in CMYK is 100, 53, 0, 33. Use these values for print and digital consistency.
Lidl uses Light Gray (#F6F6F6), Gray Border (#C7C7C7), and Charcoal (#222222) for backgrounds, borders, and text. These neutrals ensure readability and balance the vivid primary palette.
Always use Lidl Blue (#0050AA) as the dominant brand color, with Yellow (#FFD500) and Red (#EE1C25) as accents. Neutrals and semantic colors should support, not overpower, the primary palette.
The secondary color is Lidl Yellow, #FFD500, and the accent is Lidl Red, #EE1C25. Together with the primary they make up the three brand colors at the top of this page.
4 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Lidl's colors consistently when it generates UI.
Make something in the spirit of Lidl
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.