Etihad color palette
TravelEtihad Airways uses a sophisticated palette centered on a deep gold, reflecting luxury and Arabian heritage. The brand's color system is designed for elegance and clarity across digital and physical touchpoints.
etihad.comEtihad colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Etihad GoldPrimary163, 145, 97
- Etihad Deep BrownSecondary74, 60, 26
- Etihad Light GoldAccent191, 164, 111
Surfaces
Page, cards and dividers.- Etihad WhiteBackground255, 255, 255
- Etihad SandSurface245, 243, 239
- Etihad Pale GoldBorder211, 199, 178
Text
Three tiers of copy.- Etihad CharcoalText45, 38, 26
- Etihad TaupeSecondary text110, 102, 84
- Etihad Gold MutedMuted text163, 145, 97
Semantic
Feedback and state colors.- Etihad OliveSuccess106, 141, 79
- Etihad AmberWarning215, 181, 109
- Etihad TerracottaError176, 74, 58
- Etihad Slate BlueInfo107, 122, 143
Use Etihad's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
etihad-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #6B7A8F;
--error: #B04A3A;
--accent: #BFA46F;
--border: #D3C7B2;
--primary: #A39161;
--success: #6A8D4F;
--surface: #F5F3EF;
--warning: #D7B56D;
--secondary: #4A3C1A;
--text-muted: #A39161;
--background: #FFFFFF;
--text-primary: #2D261A;
--text-secondary: #6E6654;
}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.0:1
Pass
Text on surface
Needs 4.5:1 for body text
13.5:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.1:1
Pass
Muted text on background
Needs 3:1 for large text
3.1:1
Pass
Muted text on surface
Needs 3:1 for large text
2.8:1
Fail
Etihad background, border and text colors
The quiet part of the Etihad palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Etihad WhiteBackground
- HEX
- RGB
- HSL
- Etihad SandSurface
- HEX
- RGB
- HSL
- Etihad Pale GoldBorder
- HEX
- RGB
- HSL
- Etihad CharcoalText
- HEX
- RGB
- HSL
- Etihad TaupeSecondary text
- HEX
- RGB
- HSL
- Etihad Gold MutedMuted text
- HEX
- RGB
- HSL
About Etihad's colors
Etihad's color palette is rooted in gold and earth tones, evoking luxury and Arabian landscapes. The system balances warmth and sophistication for a premium travel experience.
Gold and brown create a harmonious, elegant contrast.
Neutrals and sand tones provide clarity and readability.
Accent colors are used sparingly for highlights and calls to action.
Psychology
Gold conveys prestige, warmth, and exclusivity, aligning with Etihad's luxury positioning. Earth tones foster trust and comfort, resonating with a global audience.
Evolution
The palette has remained consistent since Etihad's rebranding in the 2010s, reinforcing brand recognition. Minor adjustments have been made for digital accessibility and clarity.
Where Etihad uses each color
- Primary
Etihad Gold is used in the logo, key navigation elements, and premium highlights.
- Secondary
Etihad Deep Brown appears in headers, footers, and select backgrounds.
- Accent
Etihad Light Gold is used for buttons, icons, and subtle highlights.
- Backgrounds
Etihad White and Etihad Sand are used for main backgrounds and content areas.
- Text
Etihad Charcoal and Taupe are used for primary and secondary text throughout the website and app.
- Semantic
Olive, Amber, Terracotta, and Slate Blue are used for status messages and alerts.
Etihad color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Etihad brand color is Etihad Gold, with the hex code #A39161.
Etihad Gold (#A39161) in RGB is (163, 145, 97). For CMYK, it is approximately (0, 11, 40, 36).
Etihad uses Etihad Charcoal (#2D261A) for primary text and Etihad Sand (#F5F3EF) for surfaces and backgrounds.
Use Etihad Gold (#A39161) for key branding and navigation, with Deep Brown (#4A3C1A) and Light Gold (#BFA46F) for supporting elements. Neutrals and semantic colors should be applied as specified for clarity and accessibility.
The secondary color is Etihad Deep Brown, #4A3C1A, and the accent is Etihad Light Gold, #BFA46F. Together with the primary they make up the three brand colors at the top of this page.
5 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 Etihad's colors consistently when it generates UI.
Make something in the spirit of Etihad
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.