Qatar Airways color palette
TravelQatar Airways' color identity centers on its signature deep burgundy, complemented by refined neutrals and subtle metallics, reflecting luxury and sophistication. The palette is consistent across digital and physical touchpoints, emphasizing premium travel.
qatarairways.comQatar Airways colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Qatar BurgundyPrimary92, 13, 52
- Qatar Silver GraySecondary166, 166, 166
- Qatar Accent MaroonAccent138, 21, 56
Surfaces
Page, cards and dividers.- Qatar WhiteBackground255, 255, 255
- Qatar Light GraySurface245, 245, 245
- Qatar Soft Border GrayBorder217, 217, 214
Text
Three tiers of copy.- Qatar CharcoalText35, 31, 32
- Qatar BurgundySecondary text92, 13, 52
- Qatar Muted GrayMuted text117, 117, 117
Semantic
Feedback and state colors.- Qatar Success GreenSuccess0, 154, 68
- Qatar Warning GoldWarning246, 190, 0
- Qatar Error RedError200, 16, 46
- Qatar Info BlueInfo0, 114, 206
Use Qatar Airways's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
qatar-airways-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #C8102E;
--accent: #8A1538;
--border: #D9D9D6;
--primary: #5C0D34;
--success: #009A44;
--surface: #F5F5F5;
--warning: #F6BE00;
--secondary: #A6A6A6;
--text-muted: #757575;
--background: #FFFFFF;
--text-primary: #231F20;
--text-secondary: #5C0D34;
}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.3:1
Pass
Text on surface
Needs 4.5:1 for body text
15.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
13.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
12.3: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.2:1
Pass
Qatar Airways background, border and text colors
The quiet part of the Qatar Airways palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Qatar WhiteBackground
- HEX
- RGB
- HSL
- Qatar Light GraySurface
- HEX
- RGB
- HSL
- Qatar Soft Border GrayBorder
- HEX
- RGB
- HSL
- Qatar CharcoalText
- HEX
- RGB
- HSL
- Qatar BurgundySecondary text
- HEX
- RGB
- HSL
- Qatar Muted GrayMuted text
- HEX
- RGB
- HSL
About Qatar Airways's colors
Qatar Airways' palette is anchored by a rich burgundy, symbolizing luxury and heritage, balanced by neutral grays and whites for clarity and sophistication. Accent colors are used sparingly to highlight important actions and statuses.
Primary burgundy pairs with silver gray for contrast.
Accent maroon is used for highlights and calls to action.
Neutrals provide a clean, elegant background for content.
Psychology
The deep burgundy conveys prestige, trust, and exclusivity, aligning with the airline's premium positioning. Neutral tones evoke calmness and professionalism, enhancing the travel experience.
Evolution
The core burgundy has remained consistent since the airline's inception, reinforcing brand recognition. Over time, the palette has incorporated more refined neutrals and metallics for a modern, digital-friendly look.
Where Qatar Airways uses each color
- Primary
Used for the logo, navigation bar, and key brand elements.
- Secondary
Appears in backgrounds, UI elements, and printed materials.
- Accent
Highlights buttons, links, and important notifications.
- Backgrounds
White and light gray are used for page and card backgrounds.
- Text
Charcoal and burgundy are used for primary and secondary text.
- Semantic
Green, gold, red, and blue denote success, warning, error, and information states in digital interfaces.
Qatar Airways color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Qatar Airways primary color is #5C0D34, known as Qatar Burgundy. This color is used prominently in the brand's logo and navigation.
Qatar Burgundy (#5C0D34) is RGB(92, 13, 52) and CMYK(0, 86, 43, 64). Always use the hex #5C0D34 for digital applications.
Qatar Airways uses several grays, including Qatar Silver Gray (#A6A6A6) and Qatar Light Gray (#F5F5F5), for backgrounds and borders. These neutrals support the primary burgundy and ensure readability.
Use Qatar Burgundy (#5C0D34) for primary branding, with neutrals for backgrounds and surfaces. Accent and semantic colors should be reserved for actions, alerts, and status indicators.
The secondary color is Qatar Silver Gray, #A6A6A6, and the accent is Qatar Accent Maroon, #8A1538. 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 Qatar Airways's colors consistently when it generates UI.
Make something in the spirit of Qatar Airways
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.