easyJet color palette
TraveleasyJet's color identity is defined by its distinctive orange, supported by a clean palette of whites and greys for clarity and accessibility. The palette is consistent across digital and physical brand touchpoints.
easyjet.comeasyJet colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- easyJet OrangePrimary255, 102, 0
- easyJet WhiteSecondary255, 255, 255
- easyJet AmberAccent255, 153, 0
Surfaces
Page, cards and dividers.- easyJet Light GreyBackground245, 245, 245
- easyJet Surface GreySurface242, 242, 242
- easyJet Border GreyBorder217, 217, 217
Text
Three tiers of copy.- easyJet CharcoalText34, 34, 34
- easyJet Medium GreySecondary text102, 102, 102
- easyJet Muted GreyMuted text153, 153, 153
Semantic
Feedback and state colors.- easyJet Success GreenSuccess60, 179, 113
- easyJet Warning YellowWarning255, 215, 0
- easyJet Error RedError208, 2, 27
- easyJet Info BlueInfo0, 127, 170
Use easyJet's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
easyjet-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #007FAA;
--error: #D0021B;
--accent: #FF9900;
--border: #D9D9D9;
--primary: #FF6600;
--success: #3CB371;
--surface: #F2F2F2;
--warning: #FFD700;
--secondary: #FFFFFF;
--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
14.2: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
5.1: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.5:1
Fail
easyJet gray and neutral colors
The quiet part of the easyJet palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- easyJet Light GreyBackground
- HEX
- RGB
- HSL
- easyJet Surface GreySurface
- HEX
- RGB
- HSL
- easyJet Border GreyBorder
- HEX
- RGB
- HSL
- easyJet CharcoalText
- HEX
- RGB
- HSL
- easyJet Medium GreySecondary text
- HEX
- RGB
- HSL
- easyJet Muted GreyMuted text
- HEX
- RGB
- HSL
About easyJet's colors
easyJet's palette is centered on a vibrant orange, symbolizing energy and affordability, balanced by neutral greys and whites for clarity. The supporting colors provide functional contrast for UI and accessibility.
Orange is paired with white for maximum legibility.
Greys are used for backgrounds and borders to reduce visual noise.
Accent and semantic colors are reserved for calls to action and status messaging.
Psychology
Orange conveys friendliness, approachability, and value, which aligns with easyJet's brand positioning as an accessible airline. The neutral tones add a sense of reliability and simplicity.
Evolution
The easyJet palette has remained stable since the brand's inception, with orange consistently at the forefront. Minor adjustments have been made to supporting greys and accent tones to improve digital accessibility.
Where easyJet uses each color
- Primary
easyJet Orange is used for the logo, primary buttons, and key highlights across the website and mobile app.
- Secondary
easyJet White serves as the main background color for web pages and printed materials.
- Accent
easyJet Amber is used for hover states, secondary buttons, and promotional highlights.
- Backgrounds
easyJet Light Grey and Surface Grey are used for section backgrounds and cards to create visual separation.
- Text
easyJet Charcoal and Medium Grey are used for primary and secondary text respectively, ensuring readability.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for status messages, alerts, and notifications.
easyJet color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official easyJet primary color hex code is #FF6600. This orange is used across all major brand touchpoints.
easyJet Orange (#FF6600) has an RGB value of 255, 102, 0 and a typical CMYK value of 0, 60, 100, 0. Use these values for print and digital consistency.
easyJet uses several greys including Light Grey (#F5F5F5), Surface Grey (#F2F2F2), Border Grey (#D9D9D9), and text greys like Charcoal (#222222) and Medium Grey (#666666). These ensure clarity and accessibility in the UI.
Use easyJet Orange (#FF6600) for primary actions and branding, with supporting greys and whites for backgrounds and text. Semantic colors are reserved for alerts and status indicators to maintain clarity.
The secondary color is easyJet White, #FFFFFF, and the accent is easyJet Amber, #FF9900. 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 easyJet's colors consistently when it generates UI.
Make something in the spirit of easyJet
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.