British Airways color palette
TravelBritish Airways' color identity centers on a deep blue primary, complemented by a vibrant red and a refined palette of greys and whites. The colors evoke trust, heritage, and a distinctly British character.
britishairways.comBritish Airways colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- BA BluePrimary46, 92, 153
- Speedmarque RedSecondary235, 34, 38
- Heathrow SilverAccent167, 168, 170
Surfaces
Page, cards and dividers.- Cabin WhiteBackground255, 255, 255
- Runway GreySurface245, 245, 245
- Wingtip GreyBorder214, 215, 217
Text
Three tiers of copy.- Concorde BlackText26, 26, 26
- BA BlueSecondary text46, 92, 153
- Terminal GreyMuted text109, 110, 113
Semantic
Feedback and state colors.- Heathrow GreenSuccess46, 133, 64
- Safety YellowWarning255, 199, 44
- Alert RedError210, 38, 48
- Skyline BlueInfo0, 114, 206
Use British Airways's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
british-airways-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #D22630;
--accent: #A7A8AA;
--border: #D6D7D9;
--primary: #2E5C99;
--success: #2E8540;
--surface: #F5F5F5;
--warning: #FFC72C;
--secondary: #EB2226;
--text-muted: #6D6E71;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #2E5C99;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.4:1
Pass
Text on surface
Needs 4.5:1 for body text
16.0: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.2:1
Pass
Muted text on background
Needs 3:1 for large text
5.1:1
Pass
Muted text on surface
Needs 3:1 for large text
4.7:1
Pass
British Airways background, border and text colors
The quiet part of the British Airways palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Cabin WhiteBackground
- HEX
- RGB
- HSL
- Runway GreySurface
- HEX
- RGB
- HSL
- Wingtip GreyBorder
- HEX
- RGB
- HSL
- Concorde BlackText
- HEX
- RGB
- HSL
- BA BlueSecondary text
- HEX
- RGB
- HSL
- Terminal GreyMuted text
- HEX
- RGB
- HSL
About British Airways's colors
British Airways uses a palette inspired by the Union Jack, with blue and red as dominant colors, supported by neutral greys and whites. The scheme communicates reliability, heritage, and a premium travel experience.
Primary blue and secondary red are complementary and reflect the UK flag.
Neutrals provide balance and clarity in digital and print interfaces.
Accent silver adds sophistication and modernity.
Psychology
The deep blue conveys trust, professionalism, and safety, which are critical in the airline industry. Red adds energy and draws attention to key elements, while neutrals create a sense of calm and clarity.
Evolution
British Airways' palette has remained consistent for decades, with minor refinements to blue and red tones for digital clarity. The introduction of modern greys and silver reflects a shift toward a more contemporary, digital-first brand presence.
Where British Airways uses each color
- Primary
BA Blue is used for navigation bars, headers, and key brand elements across digital and print.
- Secondary
Speedmarque Red highlights call-to-action buttons, accents, and the iconic Speedmarque logo.
- Accent
Heathrow Silver is used for subtle highlights, dividers, and interface accents.
- Backgrounds
Cabin White and Runway Grey serve as background colors for web pages, forms, and printed materials.
- Text
Concorde Black is the main text color, with BA Blue and Terminal Grey for secondary and muted text.
- Semantic
Heathrow Green, Safety Yellow, and Alert Red are used for status indicators, alerts, and notifications.
British Airways color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official British Airways primary color is BA Blue, hex code #2E5C99. This color is used throughout their branding and digital interfaces.
The RGB value for BA Blue (#2E5C99) is 46, 92, 153. In CMYK, it is approximately 85, 60, 0, 10.
British Airways uses several neutral tones including Runway Grey (#F5F5F5), Wingtip Grey (#D6D7D9), and Terminal Grey (#6D6E71) for backgrounds, borders, and muted text.
BA Blue (#2E5C99) should dominate navigation and headers, with Speedmarque Red (#EB2226) for highlights and calls to action. Neutrals provide structure, and semantic colors are reserved for status and alerts.
The secondary color is Speedmarque Red, #EB2226, and the accent is Heathrow Silver, #A7A8AA. 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 British Airways's colors consistently when it generates UI.
Make something in the spirit of British Airways
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.