Qantas color palette
TravelQantas uses a bold red-centric palette reflecting its Australian heritage, with strong neutrals and minimal accent colors for clarity and accessibility. The color system emphasizes the iconic Qantas Red, complemented by deep charcoal, white, and subtle greys for UI and print consistency.
qantas.comQantas colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Qantas RedPrimary228, 0, 0
- Qantas CharcoalSecondary35, 31, 32
- Qantas Light GreyAccent179, 179, 179
Surfaces
Page, cards and dividers.- Qantas WhiteBackground255, 255, 255
- Qantas Surface GreySurface245, 245, 245
- Qantas Border GreyBorder216, 216, 216
Text
Three tiers of copy.- Qantas CharcoalText35, 31, 32
- Qantas Secondary GreySecondary text110, 110, 110
- Qantas Muted GreyMuted text179, 179, 179
Semantic
Feedback and state colors.- Qantas Success GreenSuccess0, 132, 61
- Qantas Warning YellowWarning255, 184, 28
- Qantas RedError228, 0, 0
- Qantas Info BlueInfo0, 114, 206
Use Qantas's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
qantas-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #E40000;
--accent: #B3B3B3;
--border: #D8D8D8;
--primary: #E40000;
--success: #00843D;
--surface: #F5F5F5;
--warning: #FFB81C;
--secondary: #231F20;
--text-muted: #B3B3B3;
--background: #FFFFFF;
--text-primary: #231F20;
--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
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
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.1:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
Qantas gray and neutral colors
The quiet part of the Qantas palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Qantas WhiteBackground
- HEX
- RGB
- HSL
- Qantas Surface GreySurface
- HEX
- RGB
- HSL
- Qantas Border GreyBorder
- HEX
- RGB
- HSL
- Qantas CharcoalText
- HEX
- RGB
- HSL
- Qantas Secondary GreySecondary text
- HEX
- RGB
- HSL
- Qantas Muted GreyMuted text
- HEX
- RGB
- HSL
About Qantas's colors
Qantas' palette is anchored by a vivid red, balanced with deep charcoal and neutral greys to create a clean, accessible interface. The restrained use of accent colors ensures brand consistency and visual clarity.
Primary red contrasts with white and charcoal for maximum legibility.
Greyscale tones provide hierarchy and separation in UI elements.
Accent blue and green are reserved for semantic feedback.
Psychology
The dominant red conveys energy, confidence, and national identity, while charcoal and greys provide a professional, trustworthy backdrop. The palette is designed to evoke reliability and a premium travel experience.
Evolution
Qantas has consistently used red as its signature color, with minor adjustments to tone and supporting neutrals over time. The current palette reflects a shift toward digital clarity and accessibility, with simplified greys and restrained accent use.
Where Qantas uses each color
- Primary
Qantas Red is used for navigation bars, call-to-action buttons, and key brand elements.
- Secondary
Qantas Charcoal appears in headers, footers, and primary text.
- Accent
Qantas Light Grey is used for icons, dividers, and subtle UI highlights.
- Backgrounds
Qantas White and Surface Grey are used for page backgrounds and content areas.
- Text
Charcoal and Secondary Grey are used for primary and secondary text, with Muted Grey for disabled or less prominent text.
- Semantic
Success Green, Warning Yellow, and Info Blue are used for alerts, notifications, and status indicators.
Qantas color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Qantas primary color hex code is #E40000, known as Qantas Red. This color is central to all branding and digital applications.
Qantas Red (#E40000) is RGB(228, 0, 0) and typically specified in CMYK as 0, 100, 100, 0 for print applications.
Qantas uses #231F20 (Qantas Charcoal), #B3B3B3 (Qantas Light Grey), #6E6E6E (Qantas Secondary Grey), and #F5F5F5 (Qantas Surface Grey) as its primary neutrals for UI and print consistency.
Use Qantas Red (#E40000) for primary actions and brand highlights, with Charcoal and greys for backgrounds, text, and supporting UI elements. Accent and semantic colors should be reserved for specific feedback or status indications.
The secondary color is Qantas Charcoal, #231F20, and the accent is Qantas Light Grey, #B3B3B3. Together with the primary they make up the three brand colors at the top of this page.
4 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 Qantas's colors consistently when it generates UI.
Make something in the spirit of Qantas
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.