Aldi color palette
Food & DrinkAldi's brand color system is defined by its distinctive deep blue and bright orange, reflecting reliability and value. The palette is bold, simple, and highly recognizable across Aldi's stores, packaging, and digital presence.
aldi.comAldi colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Aldi Deep BluePrimary0, 38, 99
- Aldi Bright BlueSecondary0, 102, 179
- Aldi OrangeAccent244, 129, 32
Surfaces
Page, cards and dividers.- Aldi WhiteBackground255, 255, 255
- Aldi Light GraySurface245, 245, 245
- Aldi Soft GrayBorder209, 213, 219
Text
Three tiers of copy.- Aldi Deep BlueText0, 38, 99
- Aldi CharcoalSecondary text75, 75, 75
- Aldi Muted GrayMuted text107, 114, 128
Semantic
Feedback and state colors.- Aldi GreenSuccess122, 193, 67
- Aldi YellowWarning255, 209, 0
- Aldi RedError227, 6, 19
- Aldi Bright BlueInfo0, 102, 179
Use Aldi's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
aldi-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0066B3;
--error: #E30613;
--accent: #F48120;
--border: #D1D5DB;
--primary: #002663;
--success: #7AC143;
--surface: #F5F5F5;
--warning: #FFD100;
--secondary: #0066B3;
--text-muted: #6B7280;
--background: #FFFFFF;
--text-primary: #002663;
--text-secondary: #4B4B4B;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.4:1
Pass
Text on surface
Needs 4.5:1 for body text
13.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.0:1
Pass
Muted text on background
Needs 3:1 for large text
4.8:1
Pass
Muted text on surface
Needs 3:1 for large text
4.4:1
Pass
Aldi background, border and text colors
The quiet part of the Aldi palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Aldi WhiteBackground
- HEX
- RGB
- HSL
- Aldi Light GraySurface
- HEX
- RGB
- HSL
- Aldi Soft GrayBorder
- HEX
- RGB
- HSL
- Aldi Deep BlueText
- HEX
- RGB
- HSL
- Aldi CharcoalSecondary text
- HEX
- RGB
- HSL
- Aldi Muted GrayMuted text
- HEX
- RGB
- HSL
About Aldi's colors
Aldi's palette uses strong, saturated blues and oranges to convey trust, affordability, and energy. The color system is highly functional, with clear contrasts for accessibility and brand recognition.
Primary blue is complemented by orange for high visibility.
Secondary blue and yellow provide additional contrast and hierarchy.
Neutrals support legibility and functional UI elements.
Psychology
Deep blue communicates reliability and stability, aligning with Aldi's value-driven positioning. Orange adds warmth and approachability, encouraging a positive shopping experience.
Evolution
Aldi's color palette has remained largely consistent, with minor refinements to blue and orange tones for digital clarity. The core colors have been stable, reinforcing long-term brand recognition.
Where Aldi uses each color
- Primary
Aldi Deep Blue is used in the logo, navigation bars, and key brand elements.
- Secondary
Aldi Bright Blue appears in buttons, highlights, and supporting graphics.
- Accent
Aldi Orange is featured in call-to-action buttons, promotional banners, and signage.
- Backgrounds
Aldi White and Light Gray are used for website backgrounds and packaging.
- Text
Aldi Deep Blue and Charcoal are used for primary and secondary text, ensuring readability.
- Semantic
Aldi Green, Yellow, and Red are used for status indicators, alerts, and feedback messaging.
Aldi color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Aldi brand color hex code is #002663, known as Aldi Deep Blue.
Aldi Deep Blue (#002663) is RGB(0, 38, 99) and CMYK(100, 62, 0, 61).
Aldi uses Light Gray (#F5F5F5) for surfaces and Soft Gray (#D1D5DB) for borders and dividers.
Primary and secondary blues should dominate navigation and branding, while orange is reserved for accents and calls to action. Neutrals and semantic colors support UI clarity and accessibility.
The secondary color is Aldi Bright Blue, #0066B3, and the accent is Aldi Orange, #F48120. Together with the primary they make up the three brand colors at the top of this page.
6 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 Aldi's colors consistently when it generates UI.
Make something in the spirit of Aldi
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.