ExpressVPN color palette
SaaSExpressVPN's color identity centers on a bold red primary, complemented by deep neutrals and crisp white, reflecting security and clarity. The palette is consistent across digital and print applications, emphasizing trust and simplicity.
expressvpn.comExpressVPN colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- ExpressVPN RedPrimary218, 57, 64
- ExpressVPN Deep RedSecondary179, 42, 52
- ExpressVPN CharcoalAccent43, 44, 46
Surfaces
Page, cards and dividers.- ExpressVPN WhiteBackground255, 255, 255
- ExpressVPN Light GraySurface247, 247, 248
- ExpressVPN Border GrayBorder229, 229, 230
Text
Three tiers of copy.- ExpressVPN BlackText35, 35, 35
- ExpressVPN GraySecondary text91, 91, 91
- ExpressVPN Muted GrayMuted text166, 166, 166
Semantic
Feedback and state colors.- ExpressVPN GreenSuccess47, 182, 124
- ExpressVPN OrangeWarning245, 166, 35
- ExpressVPN Error RedError229, 57, 53
- ExpressVPN BlueInfo48, 131, 220
Use ExpressVPN's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
expressvpn-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3083DC;
--error: #E53935;
--accent: #2B2C2E;
--border: #E5E5E6;
--primary: #DA3940;
--success: #2FB67C;
--surface: #F7F7F8;
--warning: #F5A623;
--secondary: #B32A34;
--text-muted: #A6A6A6;
--background: #FFFFFF;
--text-primary: #232323;
--text-secondary: #5B5B5B;
}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.7:1
Pass
Text on surface
Needs 4.5:1 for body text
14.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.8:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.3:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
ExpressVPN gray and neutral colors
The quiet part of the ExpressVPN palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- ExpressVPN WhiteBackground
- HEX
- RGB
- HSL
- ExpressVPN Light GraySurface
- HEX
- RGB
- HSL
- ExpressVPN Border GrayBorder
- HEX
- RGB
- HSL
- ExpressVPN BlackText
- HEX
- RGB
- HSL
- ExpressVPN GraySecondary text
- HEX
- RGB
- HSL
- ExpressVPN Muted GrayMuted text
- HEX
- RGB
- HSL
About ExpressVPN's colors
ExpressVPN's palette is anchored by a vibrant red, symbolizing action and security, and is balanced with neutral grays and white for clarity. The supporting colors provide semantic cues and accessibility across interfaces.
Red is used for brand recognition and key actions.
Neutrals support readability and focus.
Accent colors highlight status and guidance.
Psychology
Red conveys urgency, protection, and confidence, aligning with ExpressVPN's promise of security. The neutral tones foster a sense of reliability and professionalism.
Evolution
The core red and neutral palette has remained stable since the brand's inception, ensuring strong recognition. Minor adjustments to gray tones have improved accessibility and modernized the UI.
Where ExpressVPN uses each color
- Primary
ExpressVPN Red is used for logos, primary buttons, and key highlights throughout the website and app.
- Secondary
ExpressVPN Deep Red appears in hover states, secondary buttons, and some iconography.
- Accent
ExpressVPN Charcoal is used for navigation bars, footers, and backgrounds in dark mode.
- Backgrounds
ExpressVPN White and Light Gray are the main backgrounds for web pages and app screens.
- Text
ExpressVPN Black and Gray are used for primary and secondary text, ensuring high contrast and readability.
- Semantic
Green, Orange, Red, and Blue are used for status indicators, alerts, and informational messages.
ExpressVPN color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official ExpressVPN primary color is #DA3940, known as ExpressVPN Red.
ExpressVPN Red (#DA3940) is RGB(218, 57, 64) and CMYK(0, 74, 71, 15).
ExpressVPN uses ExpressVPN Charcoal (#2B2C2E), Light Gray (#F7F7F8), and Border Gray (#E5E5E6) for backgrounds, borders, and dark UI elements.
Use ExpressVPN Red (#DA3940) for primary actions and branding, with neutrals for backgrounds and text to maintain clarity and accessibility.
The secondary color is ExpressVPN Deep Red, #B32A34, and the accent is ExpressVPN Charcoal, #2B2C2E. 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 ExpressVPN's colors consistently when it generates UI.
Make something in the spirit of ExpressVPN
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.