Alienware color palette
GamingAlienware's color identity is defined by its signature deep purple, accented with cool blues and a range of dark and neutral tones. The palette supports a high-tech, premium gaming aesthetic across digital and physical touchpoints.
alienware.comAlienware colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Alienware PurplePrimary84, 27, 174
- Alienware CyanSecondary0, 240, 255
- Alienware Neon GreenAccent0, 255, 65
Surfaces
Page, cards and dividers.- Alienware BlackBackground13, 13, 13
- Alienware Dark SurfaceSurface24, 24, 24
- Alienware Border GrayBorder35, 35, 35
Text
Three tiers of copy.- Alienware WhiteText255, 255, 255
- Alienware Light GraySecondary text182, 182, 182
- Alienware Muted GrayMuted text122, 122, 122
Semantic
Feedback and state colors.- Alienware Success GreenSuccess0, 255, 65
- Alienware Warning AmberWarning255, 180, 0
- Alienware Error RedError255, 45, 85
- Alienware Info CyanInfo0, 240, 255
Use Alienware's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
alienware-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00F0FF;
--error: #FF2D55;
--accent: #00FF41;
--border: #232323;
--primary: #541BAE;
--success: #00FF41;
--surface: #181818;
--warning: #FFB400;
--secondary: #00F0FF;
--text-muted: #7A7A7A;
--background: #0D0D0D;
--text-primary: #FFFFFF;
--text-secondary: #B6B6B6;
}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.4:1
Pass
Text on surface
Needs 4.5:1 for body text
17.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
9.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.8:1
Pass
Muted text on background
Needs 3:1 for large text
4.5:1
Pass
Muted text on surface
Needs 3:1 for large text
4.1:1
Pass
Alienware gray, dark and neutral colors
Alienware runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- Alienware BlackBackground
- HEX
- RGB
- HSL
- Alienware Dark SurfaceSurface
- HEX
- RGB
- HSL
- Alienware Border GrayBorder
- HEX
- RGB
- HSL
- Alienware WhiteText
- HEX
- RGB
- HSL
- Alienware Light GraySecondary text
- HEX
- RGB
- HSL
- Alienware Muted GrayMuted text
- HEX
- RGB
- HSL
About Alienware's colors
Alienware's palette uses a high-contrast combination of deep purple, neon cyan, and black, evoking a futuristic and premium gaming experience. The colors are chosen for visual impact and readability in dark UI environments.
Primary purple is complemented by neon cyan for highlights.
Dark backgrounds enhance the vibrancy of accent colors.
Neutral grays provide balance and support text legibility.
Psychology
The deep purple conveys creativity and a sense of mystery, while neon cyan and green accents suggest innovation and energy. The dark backgrounds reinforce a high-tech, immersive atmosphere.
Evolution
Alienware's palette has consistently featured dark tones and neon accents since its inception. Over time, the purple and cyan have become more prominent in digital interfaces, while the core color scheme has remained stable.
Where Alienware uses each color
- Primary
Alienware Purple is used for key brand marks, navigation highlights, and primary call-to-action buttons.
- Secondary
Alienware Cyan appears in accent lines, hover states, and lighting effects on hardware and digital assets.
- Accent
Alienware Neon Green is used sparingly for notifications, status indicators, and special highlights.
- Backgrounds
Alienware Black and Dark Surface are the main backgrounds for websites, software, and device UIs.
- Text
Alienware White and Light Gray are used for primary and secondary text on dark backgrounds, with Muted Gray for less prominent information.
- Semantic
Success, warning, error, and info colors are used for system alerts, notifications, and feedback states in both software and hardware interfaces.
Alienware color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Alienware primary color is #541BAE, known as Alienware Purple. This color is used across key brand elements and digital interfaces.
Alienware Purple (#541BAE) has an RGB value of (84, 27, 174) and a CMYK value of (52, 84, 0, 32).
Alienware uses #0D0D0D (Alienware Black), #181818 (Alienware Dark Surface), and #232323 (Alienware Border Gray) for backgrounds and UI surfaces. These tones provide the foundation for the brand's dark, immersive look.
Use Alienware Purple (#541BAE) for primary actions and branding, with Cyan (#00F0FF) and Neon Green (#00FF41) as accents. Dark backgrounds and neutral grays ensure accessibility and highlight the brand's signature colors.
The secondary color is Alienware Cyan, #00F0FF, and the accent is Alienware Neon Green, #00FF41. 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 Alienware's colors consistently when it generates UI.
Make something in the spirit of Alienware
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.