Currys color palette
EcommerceCurrys uses a distinctive purple as its primary brand color, complemented by vibrant magenta and clean neutrals for a modern retail identity. The palette is designed for strong digital presence and high accessibility across ecommerce platforms.
currys.co.ukCurrys colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Currys PurplePrimary108, 43, 215
- Currys MagentaSecondary230, 0, 122
- Currys GoldAccent255, 181, 0
Surfaces
Page, cards and dividers.- Currys WhiteBackground255, 255, 255
- Currys Light GreySurface245, 245, 247
- Currys Border GreyBorder209, 209, 214
Text
Three tiers of copy.- Currys BlackText26, 26, 26
- Currys Dark GreySecondary text74, 74, 74
- Currys Muted GreyMuted text142, 142, 147
Semantic
Feedback and state colors.- Currys GreenSuccess43, 198, 106
- Currys GoldWarning255, 181, 0
- Currys RedError230, 0, 46
- Currys BlueInfo0, 159, 219
Use Currys's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
currys-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009FDB;
--error: #E6002E;
--accent: #FFB500;
--border: #D1D1D6;
--primary: #6C2BD7;
--success: #2BC66A;
--surface: #F5F5F7;
--warning: #FFB500;
--secondary: #E6007A;
--text-muted: #8E8E93;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #4A4A4A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.4:1
Pass
Text on surface
Needs 4.5:1 for body text
16.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.1:1
Pass
Muted text on background
Needs 3:1 for large text
3.3:1
Pass
Muted text on surface
Needs 3:1 for large text
3.0:1
Fail
Currys gray and neutral colors
The quiet part of the Currys palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Currys WhiteBackground
- HEX
- RGB
- HSL
- Currys Light GreySurface
- HEX
- RGB
- HSL
- Currys Border GreyBorder
- HEX
- RGB
- HSL
- Currys BlackText
- HEX
- RGB
- HSL
- Currys Dark GreySecondary text
- HEX
- RGB
- HSL
- Currys Muted GreyMuted text
- HEX
- RGB
- HSL
About Currys's colors
Currys' palette is anchored by a bold purple, with magenta and gold providing vibrancy and contrast. Neutrals and functional colors ensure clarity and accessibility in digital interfaces.
Purple and magenta are adjacent on the color wheel, creating harmony.
Gold accent provides a complementary pop against purple.
Neutrals balance the vivid brand colors for legibility.
Psychology
Purple conveys creativity and premium service, while magenta adds energy and approachability. The gold accent signals value and draws attention to key actions.
Evolution
Currys' palette shifted from a blue-dominated scheme to the current purple and magenta identity after its 2021 rebrand. The new colors reflect a modern, digital-first approach and have remained consistent since.
Where Currys uses each color
- Primary
Currys Purple is used for the logo, navigation highlights, and key CTAs.
- Secondary
Currys Magenta appears in buttons, promotional banners, and icons.
- Accent
Currys Gold is used for highlights, sale tags, and notification badges.
- Backgrounds
Currys White and Light Grey are used for page backgrounds and card surfaces.
- Text
Currys Black and Dark Grey are used for primary and secondary text, with Muted Grey for placeholders and disabled states.
- Semantic
Green, Gold, Red, and Blue are used for success, warning, error, and informational states in forms and notifications.
Currys color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Currys brand color is Currys Purple, hex code #6C2BD7.
Currys Purple (#6C2BD7) in RGB is 108, 43, 215. For CMYK, it is approximately 50, 80, 0, 16.
Currys uses Light Grey (#F5F5F7), Border Grey (#D1D1D6), Dark Grey (#4A4A4A), and Muted Grey (#8E8E93) for backgrounds, borders, and text.
Use Currys Purple (#6C2BD7) for primary branding and navigation, Magenta (#E6007A) for secondary actions, and Gold (#FFB500) for accents. Neutrals provide structure and ensure accessibility across digital interfaces.
The secondary color is Currys Magenta, #E6007A, and the accent is Currys Gold, #FFB500. Together with the primary they make up the three brand colors at the top of this page.
5 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 Currys's colors consistently when it generates UI.
Make something in the spirit of Currys
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.
