Eurostar color palette
TravelEurostar's color identity is defined by its deep blue and vibrant yellow, reflecting a modern, premium travel experience. The palette is clean, minimal, and consistent across digital and physical touchpoints.
eurostar.comEurostar colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Eurostar BluePrimary0, 51, 102
- Eurostar YellowSecondary247, 209, 23
- Eurostar TealAccent0, 162, 165
Surfaces
Page, cards and dividers.- Eurostar WhiteBackground255, 255, 255
- Eurostar Light GreySurface245, 247, 250
- Eurostar Soft GreyBorder209, 213, 219
Text
Three tiers of copy.- Eurostar BlackText26, 26, 26
- Eurostar CharcoalSecondary text75, 85, 99
- Eurostar Muted GreyMuted text156, 163, 175
Semantic
Feedback and state colors.- Eurostar Success GreenSuccess75, 181, 67
- Eurostar Warning OrangeWarning245, 158, 27
- Eurostar Error RedError215, 38, 61
- Eurostar Info BlueInfo37, 99, 235
Use Eurostar's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
eurostar-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2563EB;
--error: #D7263D;
--accent: #00A2A5;
--border: #D1D5DB;
--primary: #003366;
--success: #4BB543;
--surface: #F5F7FA;
--warning: #F59E1B;
--secondary: #F7D117;
--text-muted: #9CA3AF;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #4B5563;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.4:1
Pass
Text on surface
Needs 4.5:1 for body text
16.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.0:1
Pass
Muted text on background
Needs 3:1 for large text
2.5:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Eurostar background, border and text colors
The quiet part of the Eurostar palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Eurostar WhiteBackground
- HEX
- RGB
- HSL
- Eurostar Light GreySurface
- HEX
- RGB
- HSL
- Eurostar Soft GreyBorder
- HEX
- RGB
- HSL
- Eurostar BlackText
- HEX
- RGB
- HSL
- Eurostar CharcoalSecondary text
- HEX
- RGB
- HSL
- Eurostar Muted GreyMuted text
- HEX
- RGB
- HSL
About Eurostar's colors
Eurostar's palette is built around a strong blue and yellow contrast, evoking reliability and energy. The supporting neutrals and accent teal add clarity and modernity to the user interface.
Primary blue and yellow are complementary and create strong brand recognition.
Teal accent provides a fresh, modern highlight for calls to action.
Neutral greys and whites ensure content legibility and a clean layout.
Psychology
The deep blue conveys trust, stability, and professionalism, while the yellow adds warmth and optimism. The teal accent introduces a sense of innovation and approachability.
Evolution
Eurostar's palette has remained consistent since its major rebrand in the mid-2010s, focusing on blue and yellow. Minor adjustments have been made to the supporting neutrals for improved digital accessibility.
Where Eurostar uses each color
- Primary
Eurostar Blue is used for headers, navigation bars, and key brand elements.
- Secondary
Eurostar Yellow highlights buttons, icons, and important calls to action.
- Accent
Eurostar Teal is used for secondary buttons, links, and infographics.
- Backgrounds
Eurostar White and Light Grey are used for page backgrounds and card surfaces.
- Text
Eurostar Black and Charcoal are used for primary and secondary text, with Muted Grey for disabled or less prominent text.
- Semantic
Success Green, Warning Orange, Error Red, and Info Blue are used for system messages, alerts, and status indicators.
Eurostar color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Eurostar brand color is Eurostar Blue, hex code #003366.
Eurostar Blue (#003366) is RGB(0, 51, 102) and approximately CMYK(100, 50, 0, 60).
Eurostar uses Eurostar Light Grey (#F5F7FA) for surfaces and Eurostar Soft Grey (#D1D5DB) for borders and dividers.
Use Eurostar Blue (#003366) for primary navigation and branding, Eurostar Yellow (#F7D117) for highlights, and neutrals for backgrounds and text to maintain clarity and accessibility.
The secondary color is Eurostar Yellow, #F7D117, and the accent is Eurostar Teal, #00A2A5. 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 Eurostar's colors consistently when it generates UI.
Make something in the spirit of Eurostar
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.