Primark color palette
FashionPrimark's color identity is defined by a vibrant blue primary, complemented by neutral greys and white for a clean, accessible look. The palette is simple and bold, reflecting the brand's value-driven, approachable fashion ethos.
primark.comPrimark colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Primark BluePrimary0, 148, 214
- Primark WhiteSecondary255, 255, 255
- Primark Deep BlueAccent0, 119, 163
Surfaces
Page, cards and dividers.- Primark Light GreyBackground245, 245, 245
- Primark Pale GreySurface229, 229, 229
- Primark Soft GreyBorder204, 204, 204
Text
Three tiers of copy.- Primark CharcoalText34, 34, 34
- Primark Medium GreySecondary text102, 102, 102
- Primark Muted GreyMuted text153, 153, 153
Semantic
Feedback and state colors.- Primark Success GreenSuccess75, 181, 67
- Primark Warning YellowWarning255, 184, 0
- Primark Error RedError229, 57, 53
- Primark Info BlueInfo0, 148, 214
Use Primark's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
primark-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0094D6;
--error: #E53935;
--accent: #0077A3;
--border: #CCCCCC;
--primary: #0094D6;
--success: #4BB543;
--surface: #E5E5E5;
--warning: #FFB800;
--secondary: #FFFFFF;
--text-muted: #999999;
--background: #F5F5F5;
--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
14.6:1
Pass
Text on surface
Needs 4.5:1 for body text
12.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.6:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Primark gray and neutral colors
The quiet part of the Primark palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Primark Light GreyBackground
- HEX
- RGB
- HSL
- Primark Pale GreySurface
- HEX
- RGB
- HSL
- Primark Soft GreyBorder
- HEX
- RGB
- HSL
- Primark CharcoalText
- HEX
- RGB
- HSL
- Primark Medium GreySecondary text
- HEX
- RGB
- HSL
- Primark Muted GreyMuted text
- HEX
- RGB
- HSL
About Primark's colors
Primark's palette centers on a bright blue, conveying freshness and affordability, with neutrals for clarity and accessibility. The restrained use of accent colors ensures focus remains on content and products.
Primary blue paired with white for high contrast.
Neutral greys balance the vibrancy of blue.
Accent deep blue used for emphasis and interactive elements.
Psychology
Blue is associated with trust, dependability, and approachability, aligning with Primark's value-focused image. The clean neutrals support a sense of simplicity and openness.
Evolution
Primark's palette has remained consistent, with the signature blue in use for over a decade. Minor adjustments to grey tones have been made to improve digital accessibility.
Where Primark uses each color
- Primary
Primark Blue is used for the logo, main navigation, and key call-to-action buttons.
- Secondary
Primark White is the background for most pages and product cards.
- Accent
Primark Deep Blue highlights links, active states, and promotional banners.
- Backgrounds
Primark Light Grey and Pale Grey are used for section backgrounds and UI panels.
- Text
Charcoal and Medium Grey are used for primary and secondary text throughout the website.
- Semantic
Success Green, Warning Yellow, and Error Red are used for alerts, notifications, and status messages.
Primark color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Primark brand color is Primark Blue, with the hex code #0094D6.
Primark Blue (#0094D6) in RGB is (0, 148, 214) and in CMYK is (100, 31, 0, 16).
Primark uses several greys for UI and backgrounds, including Primark Light Grey (#F5F5F5), Pale Grey (#E5E5E5), and Soft Grey (#CCCCCC).
Use Primark Blue (#0094D6) for primary branding and actions, with white and greys as supporting backgrounds and surfaces for clarity and accessibility.
The secondary color is Primark White, #FFFFFF, and the accent is Primark Deep Blue, #0077A3. 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 Primark's colors consistently when it generates UI.
Make something in the spirit of Primark
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.