American Airlines color palette
TravelAmerican Airlines uses a clean, modern color palette centered on a distinctive blue, complemented by red and silver accents, reflecting its national heritage and brand identity. The palette emphasizes clarity, trust, and professionalism across digital and print applications.
aa.comAmerican Airlines colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- AA BluePrimary0, 120, 210
- AA RedSecondary213, 43, 30
- AA SilverAccent167, 169, 172
Surfaces
Page, cards and dividers.- AA WhiteBackground255, 255, 255
- AA Light GraySurface245, 246, 247
- AA Border GrayBorder206, 210, 214
Text
Three tiers of copy.- AA Dark CharcoalText34, 34, 34
- AA Medium CharcoalSecondary text75, 75, 75
- AA Muted GrayMuted text117, 117, 117
Semantic
Feedback and state colors.- AA Success GreenSuccess0, 132, 61
- AA Warning YellowWarning255, 199, 44
- AA Error RedError213, 43, 30
- AA Info BlueInfo0, 120, 210
Use American Airlines's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
american-airlines-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0078D2;
--error: #D52B1E;
--accent: #A7A9AC;
--border: #CED2D6;
--primary: #0078D2;
--success: #00843D;
--surface: #F5F6F7;
--warning: #FFC72C;
--secondary: #D52B1E;
--text-muted: #757575;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #4B4B4B;
}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.9: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
8.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.1:1
Pass
Muted text on background
Needs 3:1 for large text
4.6:1
Pass
Muted text on surface
Needs 3:1 for large text
4.3:1
Pass
American Airlines gray and neutral colors
The quiet part of the American Airlines palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- AA WhiteBackground
- HEX
- RGB
- HSL
- AA Light GraySurface
- HEX
- RGB
- HSL
- AA Border GrayBorder
- HEX
- RGB
- HSL
- AA Dark CharcoalText
- HEX
- RGB
- HSL
- AA Medium CharcoalSecondary text
- HEX
- RGB
- HSL
- AA Muted GrayMuted text
- HEX
- RGB
- HSL
About American Airlines's colors
American Airlines' palette is rooted in the U.S. flag, using blue, red, and silver for a sense of trust and national identity. The colors are balanced with neutral grays and white for clarity and accessibility.
Primary blue and red are complementary and evoke the American flag.
Silver and gray tones provide balance and sophistication.
Neutrals ensure legibility and modern UI contrast.
Psychology
Blue conveys reliability, trust, and professionalism, which are essential for an airline. Red adds energy and urgency, while silver and gray suggest modernity and efficiency.
Evolution
The American Airlines color palette has remained stable since its 2013 rebrand, which introduced the current blue and red tones. Minor adjustments have been made to gray tones for improved digital accessibility.
Where American Airlines uses each color
- Primary
AA Blue is used for navigation bars, primary buttons, and key highlights across digital and print assets.
- Secondary
AA Red appears in accents, call-to-action highlights, and the logo.
- Accent
AA Silver is used in backgrounds, icons, and as a subtle highlight in the logo and UI elements.
- Backgrounds
AA White and AA Light Gray are used for page backgrounds and content surfaces.
- Text
AA Dark Charcoal and AA Medium Charcoal are used for primary and secondary text, ensuring readability.
- Semantic
Success, warning, and error colors are used for status indicators, alerts, and notifications in digital products.
American Airlines color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official primary color for American Airlines is AA Blue, hex code #0078D2.
AA Blue (#0078D2) in RGB is (0, 120, 210) and in CMYK is (100, 43, 0, 18).
American Airlines uses AA Light Gray (#F5F6F7), AA Border Gray (#CED2D6), and AA Muted Gray (#757575) for backgrounds, borders, and muted text.
Use AA Blue (#0078D2) for primary actions and navigation, AA Red (#D52B1E) for accents and alerts, and AA Silver (#A7A9AC) for highlights. Neutrals and semantic colors should be applied for backgrounds, text, and status indicators as specified in the brand guidelines.
The secondary color is AA Red, #D52B1E, and the accent is AA Silver, #A7A9AC. 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 American Airlines's colors consistently when it generates UI.
Make something in the spirit of American Airlines
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.