Dyson color palette
ConsumerDyson's color identity is defined by a minimalist palette centered on a distinctive deep purple, complemented by black, white, and neutral greys. The brand uses these colors consistently across its products, packaging, and digital interfaces to convey innovation and premium quality.
dyson.comDyson colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Dyson PurplePrimary75, 40, 109
- Dyson BlackSecondary0, 0, 0
- Dyson WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Dyson Light GreyBackground245, 245, 245
- Dyson Surface GreySurface229, 229, 229
- Dyson Border GreyBorder204, 204, 204
Text
Three tiers of copy.- Dyson Text BlackText0, 0, 0
- Dyson Text PurpleSecondary text75, 40, 109
- Dyson Muted GreyMuted text109, 109, 109
Semantic
Feedback and state colors.- Dyson Success GreenSuccess111, 207, 151
- Dyson Warning YellowWarning242, 201, 76
- Dyson Error RedError235, 87, 87
- Dyson Info BlueInfo45, 156, 219
Use Dyson's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
dyson-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2D9CDB;
--error: #EB5757;
--accent: #FFFFFF;
--border: #CCCCCC;
--primary: #4B286D;
--success: #6FCF97;
--surface: #E5E5E5;
--warning: #F2C94C;
--secondary: #000000;
--text-muted: #6D6D6D;
--background: #F5F5F5;
--text-primary: #000000;
--text-secondary: #4B286D;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
19.3:1
Pass
Text on surface
Needs 4.5:1 for body text
16.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
10.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
9.1:1
Pass
Muted text on background
Needs 3:1 for large text
4.7:1
Pass
Muted text on surface
Needs 3:1 for large text
4.1:1
Pass
Dyson background, border and text colors
The quiet part of the Dyson palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Dyson Light GreyBackground
- HEX
- RGB
- HSL
- Dyson Surface GreySurface
- HEX
- RGB
- HSL
- Dyson Border GreyBorder
- HEX
- RGB
- HSL
- Dyson Text BlackText
- HEX
- RGB
- HSL
- Dyson Text PurpleSecondary text
- HEX
- RGB
- HSL
- Dyson Muted GreyMuted text
- HEX
- RGB
- HSL
About Dyson's colors
Dyson’s palette is rooted in a restrained, modern approach, using purple as a signature accent against monochrome backgrounds. The use of neutrals supports a clean, high-tech feel.
Purple is used as a highlight against black and white.
Greys provide subtle structure and separation.
Accent colors are reserved for functional UI feedback.
Psychology
Purple conveys creativity, luxury, and innovation, aligning with Dyson’s positioning as a premium technology brand. The monochrome tones reinforce clarity and trustworthiness.
Evolution
Dyson’s palette has remained stable, with purple as the consistent brand identifier since the early 2000s. The supporting neutrals have been refined for digital clarity but the core colors are unchanged.
Where Dyson uses each color
- Primary
Dyson Purple is used for key highlights, product accents, and call-to-action elements.
- Secondary
Dyson Black appears in navigation bars, text, and product imagery.
- Accent
Dyson White is the primary background for web and packaging.
- Backgrounds
Dyson Light Grey and Surface Grey are used for UI backgrounds and section dividers.
- Text
Text Black is used for main copy, while Text Purple and Muted Grey are used for secondary and muted text.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for alerts, notifications, and status indicators.
Dyson color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Dyson brand color is Dyson Purple, hex code #4B286D. This color is used as the primary highlight throughout Dyson’s branding.
Dyson Purple (#4B286D) in RGB is (75, 40, 109). In CMYK, it is approximately (31, 63, 0, 57).
Dyson uses a range of greys for UI and backgrounds: Light Grey (#F5F5F5), Surface Grey (#E5E5E5), Border Grey (#CCCCCC), and Muted Grey (#6D6D6D). These provide structure and clarity in digital and print applications.
Dyson Purple (#4B286D) should be reserved for key highlights and accents, while neutrals and black dominate backgrounds and text. Semantic colors are used sparingly for functional UI feedback.
The secondary color is Dyson Black, #000000, and the accent is Dyson White, #FFFFFF. 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 Dyson's colors consistently when it generates UI.
Make something in the spirit of Dyson
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.