United Airlines color palette
TravelUnited Airlines uses a refined palette centered on deep blue, reflecting professionalism, trust, and a global presence. The color system emphasizes clarity, accessibility, and consistency across digital and physical touchpoints.
united.comUnited Airlines colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- United BluePrimary0, 34, 68
- United Sky BlueSecondary0, 93, 170
- United GoldAccent255, 209, 0
Surfaces
Page, cards and dividers.- United WhiteBackground255, 255, 255
- United Light GraySurface245, 246, 247
- United SilverBorder217, 217, 214
Text
Three tiers of copy.- United CharcoalText33, 33, 33
- United Medium GraySecondary text92, 92, 92
- United Muted GrayMuted text140, 140, 140
Semantic
Feedback and state colors.- United Success GreenSuccess0, 132, 61
- United Warning AmberWarning255, 181, 0
- United Error RedError210, 38, 48
- United Info BlueInfo0, 114, 206
Use United Airlines's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
united-airlines-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #D22630;
--accent: #FFD100;
--border: #D9D9D6;
--primary: #002244;
--success: #00843D;
--surface: #F5F6F7;
--warning: #FFB500;
--secondary: #005DAA;
--text-muted: #8C8C8C;
--background: #FFFFFF;
--text-primary: #212121;
--text-secondary: #5C5C5C;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.1:1
Pass
Text on surface
Needs 4.5:1 for body text
14.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.2:1
Pass
Muted text on background
Needs 3:1 for large text
3.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.1:1
Pass
United Airlines gray and neutral colors
The quiet part of the United Airlines palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- United WhiteBackground
- HEX
- RGB
- HSL
- United Light GraySurface
- HEX
- RGB
- HSL
- United SilverBorder
- HEX
- RGB
- HSL
- United CharcoalText
- HEX
- RGB
- HSL
- United Medium GraySecondary text
- HEX
- RGB
- HSL
- United Muted GrayMuted text
- HEX
- RGB
- HSL
About United Airlines's colors
United Airlines' color palette is anchored by deep blue, complemented by lighter blues, gold, and neutral grays for clarity and accessibility. The system is designed for high legibility and a professional, trustworthy appearance.
Primary blue is paired with gold for emphasis and highlights.
Neutral grays support readability and UI structure.
Accent colors are used sparingly for calls to action and status.
Psychology
The deep blue conveys reliability, stability, and trust, essential for a global airline. Gold accents add a sense of prestige and warmth, while the neutral grays ensure a modern, clean look.
Evolution
United's palette has remained stable since its 2010 rebrand, focusing on deep blue and gold. Minor adjustments have been made to neutral tones for digital accessibility.
Where United Airlines uses each color
- Primary
United Blue is used for navigation bars, headers, and key brand elements.
- Secondary
United Sky Blue appears in backgrounds, secondary buttons, and highlights.
- Accent
United Gold is reserved for important accents, such as loyalty program highlights and select call-to-action buttons.
- Backgrounds
United White and United Light Gray are used for page backgrounds and card surfaces.
- Text
United Charcoal is the main text color, with United Medium Gray and United Muted Gray for secondary and muted text.
- Semantic
Success, warning, error, and info colors are used for status messages, alerts, and notifications throughout digital platforms.
United Airlines color questions
Hex codes, RGB values, neutrals and how to use the palette.
The United Airlines primary color is United Blue, with the hex code #002244. This deep blue is central to the brand's identity.
United Blue (#002244) has an RGB value of (0, 34, 68) and a CMYK value of (100, 50, 0, 73). These values ensure consistency across digital and print media.
United Airlines uses United Light Gray (#F5F6F7), United Silver (#D9D9D6), United Medium Gray (#5C5C5C), and United Muted Gray (#8C8C8C) for backgrounds, borders, and text. These tones provide clarity and accessibility throughout the interface.
Primary and secondary blues should dominate navigation and key UI elements, with gold used sparingly for emphasis. Neutral grays and whites are essential for backgrounds, surfaces, and text to maintain readability.
The secondary color is United Sky Blue, #005DAA, and the accent is United Gold, #FFD100. 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 United Airlines's colors consistently when it generates UI.
Make something in the spirit of United Airlines
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.