Expedia color palette
TravelExpedia's color system centers on a deep navy blue paired with vibrant yellow accents and a range of neutral grays for clarity and accessibility. The palette is designed for strong brand recognition and clear digital interfaces.
expedia.comExpedia colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Expedia NavyPrimary25, 30, 59
- Expedia YellowSecondary255, 199, 44
- Expedia BlueAccent0, 102, 161
Surfaces
Page, cards and dividers.- Expedia WhiteBackground255, 255, 255
- Expedia Light GraySurface245, 246, 247
- Expedia Border GrayBorder214, 215, 219
Text
Three tiers of copy.- Expedia Navy TextText25, 30, 59
- Expedia Secondary GraySecondary text75, 78, 87
- Expedia Muted GrayMuted text110, 112, 122
Semantic
Feedback and state colors.- Expedia Success GreenSuccess0, 138, 39
- Expedia Warning YellowWarning255, 180, 0
- Expedia Error RedError215, 38, 56
- Expedia Info BlueInfo0, 102, 161
Use Expedia's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
expedia-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0066A1;
--error: #D72638;
--accent: #0066A1;
--border: #D6D7DB;
--primary: #191E3B;
--success: #008A27;
--surface: #F5F6F7;
--warning: #FFB400;
--secondary: #FFC72C;
--text-muted: #6E707A;
--background: #FFFFFF;
--text-primary: #191E3B;
--text-secondary: #4B4E57;
}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
8.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.7:1
Pass
Muted text on background
Needs 3:1 for large text
4.9:1
Pass
Muted text on surface
Needs 3:1 for large text
4.6:1
Pass
Expedia background, border and text colors
The quiet part of the Expedia palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Expedia WhiteBackground
- HEX
- RGB
- HSL
- Expedia Light GraySurface
- HEX
- RGB
- HSL
- Expedia Border GrayBorder
- HEX
- RGB
- HSL
- Expedia Navy TextText
- HEX
- RGB
- HSL
- Expedia Secondary GraySecondary text
- HEX
- RGB
- HSL
- Expedia Muted GrayMuted text
- HEX
- RGB
- HSL
About Expedia's colors
Expedia's palette uses a strong navy as its anchor, contrasted by a vibrant yellow and supported by cool blues and neutral grays. This combination ensures high legibility and a recognizable, trustworthy brand presence.
Primary navy and yellow are complementary, creating visual impact.
Accent blue is analogous to navy, providing depth.
Neutrals balance the palette for accessibility and clarity.
Psychology
Navy conveys trust, reliability, and professionalism, essential for a travel platform. Yellow adds energy and optimism, encouraging exploration and booking.
Evolution
Expedia's palette has remained consistent, with navy and yellow as core colors since its rebrand. Minor adjustments to gray tones and accent blues have improved digital accessibility.
Where Expedia uses each color
- Primary
Used for navigation bars, headers, and primary call-to-action buttons.
- Secondary
Appears in highlights, icons, and promotional banners.
- Accent
Used for links, info messages, and secondary buttons.
- Backgrounds
White and light gray backgrounds are used on most app and website screens.
- Text
Navy and gray tones are used for primary and secondary text throughout the UI.
- Semantic
Green, yellow, and red are used for success, warning, and error states in forms and notifications.
Expedia color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Expedia primary color hex code is #191E3B. This deep navy is used for navigation and key brand elements.
The RGB value for #191E3B is (25, 30, 59). For CMYK, it is approximately (58, 49, 0, 77).
Expedia uses #F5F6F7 (Expedia Light Gray) and #D6D7DB (Expedia Border Gray) for backgrounds and UI surfaces. These neutrals support readability and layout clarity.
Use #191E3B for primary actions and navigation, #FFC72C for highlights, and neutrals for backgrounds. Accent and semantic colors should be reserved for states and secondary actions to maintain consistency.
The secondary color is Expedia Yellow, #FFC72C, and the accent is Expedia Blue, #0066A1. 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 Expedia's colors consistently when it generates UI.
Make something in the spirit of Expedia
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.