Eurail color palette
TravelEurail's color identity is defined by a vibrant green primary, complemented by deep blues and neutral grays for clarity and trust. The palette is designed for high visibility and accessibility across digital and print travel experiences.
eurail.comEurail colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Eurail GreenPrimary106, 191, 75
- Eurail NavySecondary26, 53, 94
- Eurail YellowAccent249, 200, 70
Surfaces
Page, cards and dividers.- Eurail WhiteBackground255, 255, 255
- Eurail Light GraySurface245, 247, 250
- Eurail Border GrayBorder209, 213, 219
Text
Three tiers of copy.- Eurail NavyText26, 53, 94
- Eurail Medium GraySecondary text107, 114, 128
- Eurail Muted GrayMuted text160, 174, 192
Semantic
Feedback and state colors.- Eurail GreenSuccess106, 191, 75
- Eurail YellowWarning249, 200, 70
- Eurail RedError231, 76, 60
- Eurail NavyInfo26, 53, 94
Use Eurail's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
eurail-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1A355E;
--error: #E74C3C;
--accent: #F9C846;
--border: #D1D5DB;
--primary: #6ABF4B;
--success: #6ABF4B;
--surface: #F5F7FA;
--warning: #F9C846;
--secondary: #1A355E;
--text-muted: #A0AEC0;
--background: #FFFFFF;
--text-primary: #1A355E;
--text-secondary: #6B7280;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
12.2:1
Pass
Text on surface
Needs 4.5:1 for body text
11.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.8:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.5:1
Pass
Muted text on background
Needs 3:1 for large text
2.3:1
Fail
Muted text on surface
Needs 3:1 for large text
2.1:1
Fail
Eurail background, border and text colors
The quiet part of the Eurail palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Eurail WhiteBackground
- HEX
- RGB
- HSL
- Eurail Light GraySurface
- HEX
- RGB
- HSL
- Eurail Border GrayBorder
- HEX
- RGB
- HSL
- Eurail NavyText
- HEX
- RGB
- HSL
- Eurail Medium GraySecondary text
- HEX
- RGB
- HSL
- Eurail Muted GrayMuted text
- HEX
- RGB
- HSL
About Eurail's colors
Eurail's palette uses a fresh green to symbolize growth and travel, paired with navy for reliability and yellow for highlights. Neutrals provide clarity and accessibility in digital interfaces.
Green and navy create a strong, trustworthy contrast.
Yellow accent draws attention to calls-to-action.
Grays and whites ensure content legibility and hierarchy.
Psychology
The green evokes nature, freedom, and adventure, aligning with Eurail's travel ethos. Navy conveys trust and professionalism, while yellow adds optimism and energy.
Evolution
Eurail's palette has remained consistent, with the green and navy core in use for over a decade. Minor adjustments have been made to accent and neutral tones for improved digital accessibility.
Where Eurail uses each color
- Primary
Eurail Green is used for primary buttons, highlights, and key brand elements across the website and app.
- Secondary
Eurail Navy appears in navigation bars, headings, and footer backgrounds.
- Accent
Eurail Yellow is reserved for notification badges, promotional banners, and call-to-action highlights.
- Backgrounds
Eurail White and Light Gray are used for page backgrounds and content surfaces.
- Text
Navy is used for primary text, with Medium and Muted Grays for secondary and tertiary text.
- Semantic
Green indicates success, yellow is used for warnings, and red for errors in UI feedback.
Eurail color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Eurail brand color is Eurail Green, hex code #6ABF4B.
Eurail Green (#6ABF4B) in RGB is 106, 191, 75. For CMYK, it is approximately 45, 0, 61, 25.
Eurail uses Light Gray (#F5F7FA), Border Gray (#D1D5DB), Medium Gray (#6B7280), and Muted Gray (#A0AEC0) for backgrounds, borders, and secondary text.
Use Eurail Green (#6ABF4B) for primary actions, Navy (#1A355E) for navigation and text, and Yellow (#F9C846) for accents. Grays and white provide structure and legibility throughout the UI.
The secondary color is Eurail Navy, #1A355E, and the accent is Eurail Yellow, #F9C846. 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 Eurail's colors consistently when it generates UI.
Make something in the spirit of Eurail
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.