Under Armour color palette
FashionUnder Armour's color identity is defined by a bold, athletic black, accented with sharp white and red, reflecting performance and strength. The palette is minimal, relying on strong contrasts and neutral grays for a modern, technical look.
underarmour.comUnder Armour colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- UA BlackPrimary29, 29, 29
- UA WhiteSecondary255, 255, 255
- UA RedAccent228, 27, 23
Surfaces
Page, cards and dividers.- UA Light GrayBackground246, 246, 246
- UA Surface GraySurface236, 236, 236
- UA Border GrayBorder196, 196, 196
Text
Three tiers of copy.- UA Black TextText29, 29, 29
- UA Secondary GraySecondary text110, 110, 110
- UA Muted GrayMuted text162, 162, 162
Semantic
Feedback and state colors.- UA Success GreenSuccess60, 184, 120
- UA Warning YellowWarning255, 194, 14
- UA Error RedError228, 27, 23
- UA Info BlueInfo20, 115, 230
Use Under Armour's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
under-armour-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1473E6;
--error: #E41B17;
--accent: #E41B17;
--border: #C4C4C4;
--primary: #1D1D1D;
--success: #3CB878;
--surface: #ECECEC;
--warning: #FFC20E;
--secondary: #FFFFFF;
--text-muted: #A2A2A2;
--background: #F6F6F6;
--text-primary: #1D1D1D;
--text-secondary: #6E6E6E;
}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.6:1
Pass
Text on surface
Needs 4.5:1 for body text
14.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.3:1
Fail
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.2:1
Fail
Under Armour gray and neutral colors
The quiet part of the Under Armour palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- UA Light GrayBackground
- HEX
- RGB
- HSL
- UA Surface GraySurface
- HEX
- RGB
- HSL
- UA Border GrayBorder
- HEX
- RGB
- HSL
- UA Black TextText
- HEX
- RGB
- HSL
- UA Secondary GraySecondary text
- HEX
- RGB
- HSL
- UA Muted GrayMuted text
- HEX
- RGB
- HSL
About Under Armour's colors
Under Armour's palette is built on high-contrast black, white, and red, emphasizing clarity and athleticism. The neutral grays support a clean, modern interface and product presentation.
Primary black anchors the brand and provides strong contrast.
Red accent is used for calls to action and key highlights.
Neutral grays create depth and separation in UI and product imagery.
Psychology
Black conveys strength, authority, and performance, aligning with Under Armour's athletic ethos. Red injects energy and urgency, while white and grays maintain clarity and approachability.
Evolution
Under Armour's color palette has remained consistent since its early years, with black, white, and red as core elements. Minor adjustments to gray tones have modernized the UI, but the overall scheme is stable.
Where Under Armour uses each color
- Primary
UA Black is used for navigation bars, logos, and primary headlines.
- Secondary
UA White appears as the main background for web pages, packaging, and product details.
- Accent
UA Red highlights calls to action, sale banners, and key product features.
- Backgrounds
UA Light Gray is used for page backgrounds and section dividers.
- Text
UA Black Text and UA Secondary Gray are used for primary and secondary body copy, respectively.
- Semantic
UA Success Green, Warning Yellow, and Error Red are used for alerts, notifications, and status indicators.
Under Armour color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Under Armour primary color hex code is #1D1D1D. This is used for the brand's logo and main navigation elements.
UA Black (#1D1D1D) in RGB is (29, 29, 29) and in CMYK is approximately (0, 0, 0, 89).
Under Armour uses UA Light Gray (#F6F6F6), UA Surface Gray (#ECECEC), UA Border Gray (#C4C4C4), UA Secondary Gray (#6E6E6E), and UA Muted Gray (#A2A2A2) for backgrounds, borders, and secondary text.
UA Black (#1D1D1D) should dominate navigation, logos, and headlines, with UA Red (#E41B17) reserved for accents and calls to action. Grays and white provide structure and clarity in backgrounds and text.
The secondary color is UA White, #FFFFFF, and the accent is UA Red, #E41B17. Together with the primary they make up the three brand colors at the top of this page.
3 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 Under Armour's colors consistently when it generates UI.
Make something in the spirit of Under Armour
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.