Argos color palette
EcommerceArgos uses a bold red-centric palette with strong neutrals and clear UI contrasts, reflecting its accessible, energetic retail brand. The color system is consistent across digital and print touchpoints.
argos.co.ukArgos colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Argos RedPrimary218, 41, 28
- Argos BlueSecondary0, 127, 163
- Argos YellowAccent255, 209, 0
Surfaces
Page, cards and dividers.- Argos WhiteBackground255, 255, 255
- Argos Light GreySurface245, 245, 245
- Argos Border GreyBorder224, 224, 224
Text
Three tiers of copy.- Argos CharcoalText34, 34, 34
- Argos Medium GreySecondary text102, 102, 102
- Argos Muted GreyMuted text153, 153, 153
Semantic
Feedback and state colors.- Argos GreenSuccess67, 176, 42
- Argos OrangeWarning255, 130, 0
- Argos RedError218, 41, 28
- Argos BlueInfo0, 127, 163
Use Argos's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
argos-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #007FA3;
--error: #DA291C;
--accent: #FFD100;
--border: #E0E0E0;
--primary: #DA291C;
--success: #43B02A;
--surface: #F5F5F5;
--warning: #FF8200;
--secondary: #007FA3;
--text-muted: #999999;
--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.6: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.8:1
Fail
Muted text on surface
Needs 3:1 for large text
2.6:1
Fail
Argos gray and neutral colors
The quiet part of the Argos palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Argos WhiteBackground
- HEX
- RGB
- HSL
- Argos Light GreySurface
- HEX
- RGB
- HSL
- Argos Border GreyBorder
- HEX
- RGB
- HSL
- Argos CharcoalText
- HEX
- RGB
- HSL
- Argos Medium GreySecondary text
- HEX
- RGB
- HSL
- Argos Muted GreyMuted text
- HEX
- RGB
- HSL
About Argos's colors
Argos's palette is anchored by a vivid red, complemented by blue and yellow for emphasis and clarity. Neutral greys and white provide balance and legibility across UI and print.
Primary red is contrasted with blue for calls to action.
Yellow accent highlights offers and promotions.
Greyscale tones support readability and structure.
Psychology
Red conveys energy, urgency, and approachability, fitting Argos's retail positioning. Blue and yellow add trust and visibility for key actions.
Evolution
The Argos palette has remained stable, with red as its core since the 1990s. Minor adjustments to grey tones and accent colors have improved digital accessibility.
Where Argos uses each color
- Primary
Used in the Argos logo, primary buttons, and promotional banners.
- Secondary
Appears in navigation highlights and secondary call-to-action buttons.
- Accent
Used for price tags, special offers, and attention-grabbing UI elements.
- Backgrounds
White and light grey are used for page backgrounds and card surfaces.
- Text
Charcoal and medium grey are used for primary and secondary text throughout the site.
- Semantic
Green, orange, and red are used for status indicators such as success messages, warnings, and errors.
Argos color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Argos primary color is #DA291C, known as Argos Red.
Argos Red (#DA291C) is RGB(218, 41, 28) and CMYK(0, 81, 87, 15).
Argos uses #F5F5F5 (Light Grey), #E0E0E0 (Border Grey), #222222 (Charcoal), #666666 (Medium Grey), and #999999 (Muted Grey) for backgrounds, borders, and text.
Use Argos Red (#DA291C) for primary actions and branding, with blue and yellow as supporting accents. Neutrals provide structure and ensure accessibility in UI design.
The secondary color is Argos Blue, #007FA3, and the accent is Argos Yellow, #FFD100. 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 Argos's colors consistently when it generates UI.
Make something in the spirit of Argos
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.