Emirates color palette
TravelEmirates uses a bold, distinctive red as its primary color, complemented by gold and a refined palette of neutrals for a premium travel brand identity. The color system is consistent across digital, print, and aircraft livery.
emirates.comEmirates colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Emirates RedPrimary215, 25, 33
- Emirates GoldSecondary180, 151, 90
- Emirates WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Emirates Light GrayBackground245, 245, 245
- Emirates Panel GraySurface237, 237, 237
- Emirates Border GrayBorder204, 204, 204
Text
Three tiers of copy.- Emirates CharcoalText34, 34, 34
- Emirates Medium GraySecondary text102, 102, 102
- Emirates Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- Emirates Success GreenSuccess60, 179, 113
- Emirates Warning AmberWarning245, 166, 35
- Emirates Error RedError215, 25, 33
- Emirates Info BlueInfo0, 114, 188
Use Emirates's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
emirates-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072BC;
--error: #D71921;
--accent: #FFFFFF;
--border: #CCCCCC;
--primary: #D71921;
--success: #3CB371;
--surface: #EDEDED;
--warning: #F5A623;
--secondary: #B4975A;
--text-muted: #999999;
--background: #F5F5F5;
--text-primary: #222222;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.6:1
Pass
Text on surface
Needs 4.5:1 for body text
13.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.9:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Emirates gray and neutral colors
The quiet part of the Emirates palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Emirates Light GrayBackground
- HEX
- RGB
- HSL
- Emirates Panel GraySurface
- HEX
- RGB
- HSL
- Emirates Border GrayBorder
- HEX
- RGB
- HSL
- Emirates CharcoalText
- HEX
- RGB
- HSL
- Emirates Medium GraySecondary text
- HEX
- RGB
- HSL
- Emirates Muted GrayMuted text
- HEX
- RGB
- HSL
About Emirates's colors
Emirates' palette is anchored by a vibrant red, symbolizing energy and hospitality, with gold and neutral tones for sophistication. The palette is designed for clarity, luxury, and global recognition.
Red and gold create a strong, premium contrast.
Neutrals balance the boldness of the primary color.
Accent white ensures readability and clean layouts.
Psychology
Red conveys excitement, passion, and a welcoming spirit, aligning with Emirates' brand values. Gold adds a sense of luxury and exclusivity, reinforcing the premium positioning.
Evolution
The Emirates color palette has remained largely stable since the airline's inception, with red and gold as enduring core elements. Minor adjustments to neutral tones have been made for digital accessibility and modern UI needs.
Where Emirates uses each color
- Primary
Emirates Red is used for the logo, main navigation bars, and call-to-action buttons.
- Secondary
Emirates Gold appears in headings, highlights, and premium service indicators.
- Accent
Emirates White is used for backgrounds, text, and to provide contrast in digital and print materials.
- Backgrounds
Light gray backgrounds are used for web pages, forms, and secondary panels.
- Text
Charcoal and medium gray are used for primary and secondary text throughout digital and print assets.
- Semantic
Success, warning, error, and info colors are used for notifications, alerts, and system messages in the Emirates booking and account interfaces.
Emirates color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Emirates primary color is #D71921, known as Emirates Red. This color is used for the logo and key brand elements.
Emirates Red (#D71921) in RGB is (215, 25, 33) and in CMYK is (0, 88, 85, 16). Use these values for accurate reproduction in digital and print.
Emirates uses a range of grays, including #F5F5F5 (Light Gray), #EDEDED (Panel Gray), #CCCCCC (Border Gray), and #222222 (Charcoal) for backgrounds and text. These neutrals provide balance and readability.
Use Emirates Red (#D71921) for primary actions and branding, Gold (#B4975A) for highlights, and neutrals for backgrounds and text. Maintain sufficient contrast and follow brand guidelines for consistency.
The secondary color is Emirates Gold, #B4975A, and the accent is Emirates White, #FFFFFF. 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 Emirates's colors consistently when it generates UI.
Make something in the spirit of Emirates
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.