Ryanair color palette
TravelRyanair uses a bold blue and yellow color palette reflecting its Irish heritage and low-cost airline identity. The colors are highly visible and consistent across digital and physical brand touchpoints.
ryanair.comRyanair colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Ryanair BluePrimary7, 53, 144
- Ryanair YellowSecondary246, 208, 0
- Ryanair WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Ryanair Light GrayBackground247, 247, 247
- Ryanair Pale BlueSurface229, 232, 239
- Ryanair Border GrayBorder208, 212, 221
Text
Three tiers of copy.- Ryanair Jet BlackText26, 26, 26
- Ryanair Dark GraySecondary text74, 74, 74
- Ryanair Muted Blue GrayMuted text122, 134, 154
Semantic
Feedback and state colors.- Ryanair Success GreenSuccess0, 138, 23
- Ryanair YellowWarning246, 208, 0
- Ryanair Error RedError215, 38, 61
- Ryanair Info BlueInfo0, 113, 206
Use Ryanair's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
ryanair-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0071CE;
--error: #D7263D;
--accent: #FFFFFF;
--border: #D0D4DD;
--primary: #073590;
--success: #008A17;
--surface: #E5E8EF;
--warning: #F6D000;
--secondary: #F6D000;
--text-muted: #7A869A;
--background: #F7F7F7;
--text-primary: #1A1A1A;
--text-secondary: #4A4A4A;
}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.2: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
8.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.2:1
Pass
Muted text on background
Needs 3:1 for large text
3.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.0:1
Pass
Ryanair background, border and text colors
The quiet part of the Ryanair palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Ryanair Light GrayBackground
- HEX
- RGB
- HSL
- Ryanair Pale BlueSurface
- HEX
- RGB
- HSL
- Ryanair Border GrayBorder
- HEX
- RGB
- HSL
- Ryanair Jet BlackText
- HEX
- RGB
- HSL
- Ryanair Dark GraySecondary text
- HEX
- RGB
- HSL
- Ryanair Muted Blue GrayMuted text
- HEX
- RGB
- HSL
About Ryanair's colors
Ryanair's palette is built around a deep blue and vibrant yellow, creating high contrast and instant recognition. The supporting neutrals and accent colors ensure clarity and accessibility across digital and physical applications.
Primary blue and yellow are complementary and used in high-contrast combinations.
Neutrals provide balance and legibility for text and backgrounds.
Accent white is used for clarity and separation.
Psychology
The blue conveys trust, reliability, and professionalism, while the yellow adds energy and approachability. Together, they reinforce Ryanair's identity as a dependable yet accessible airline.
Evolution
Ryanair's color palette has remained largely stable, with minor adjustments to blue and yellow tones for digital clarity. The use of neutral grays and blue-grays has increased in recent years to support modern UI needs.
Where Ryanair uses each color
- Primary
Ryanair Blue is used for navigation bars, headers, and key call-to-action buttons.
- Secondary
Ryanair Yellow appears in highlights, icons, and promotional banners.
- Accent
Ryanair White is used for text on blue backgrounds and as a primary background in digital interfaces.
- Backgrounds
Ryanair Light Gray is used for main page backgrounds and content areas.
- Text
Ryanair Jet Black and Dark Gray are used for primary and secondary text throughout the website and app.
- Semantic
Success Green, Error Red, and Info Blue are used for status messages, alerts, and notifications.
Ryanair color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Ryanair primary color is #073590, known as Ryanair Blue. This color is used prominently in navigation and branding.
Ryanair Blue (#073590) in RGB is (7, 53, 144). For CMYK, it is approximately (95, 63, 0, 44).
Ryanair uses #F7F7F7 (Ryanair Light Gray), #E5E8EF (Ryanair Pale Blue), and #D0D4DD (Ryanair Border Gray) for backgrounds and UI elements. These ensure clarity and accessibility in digital interfaces.
Use Ryanair Blue (#073590) for primary navigation and actions, Ryanair Yellow (#F6D000) for highlights, and neutrals for backgrounds and text. Always maintain high contrast for accessibility and brand consistency.
The secondary color is Ryanair Yellow, #F6D000, and the accent is Ryanair White, #FFFFFF. 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 Ryanair's colors consistently when it generates UI.
Make something in the spirit of Ryanair
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.