Amtrak color palette
TravelAmtrak's color identity centers on a deep blue and silver palette, reflecting reliability and modernity in rail travel. The brand uses a consistent set of blues, grays, and accent colors for clarity and accessibility across digital and print materials.
amtrak.comAmtrak colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Amtrak BluePrimary0, 51, 102
- Amtrak SilverSecondary167, 168, 170
- Amtrak Sky BlueAccent0, 151, 212
Surfaces
Page, cards and dividers.- Amtrak WhiteBackground255, 255, 255
- Amtrak Light GraySurface245, 246, 247
- Amtrak Border GrayBorder209, 211, 212
Text
Three tiers of copy.- Amtrak CharcoalText34, 34, 34
- Amtrak SlateSecondary text75, 79, 84
- Amtrak Muted GrayMuted text125, 134, 140
Semantic
Feedback and state colors.- Amtrak Success GreenSuccess75, 181, 67
- Amtrak Warning YellowWarning255, 184, 28
- Amtrak Error RedError210, 38, 48
- Amtrak Info BlueInfo0, 151, 212
Use Amtrak's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
amtrak-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0097D4;
--error: #D22630;
--accent: #0097D4;
--border: #D1D3D4;
--primary: #003366;
--success: #4BB543;
--surface: #F5F6F7;
--warning: #FFB81C;
--secondary: #A7A8AA;
--text-muted: #7D868C;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #4B4F54;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.6:1
Pass
Muted text on background
Needs 3:1 for large text
3.7:1
Pass
Muted text on surface
Needs 3:1 for large text
3.4:1
Pass
Amtrak gray and neutral colors
The quiet part of the Amtrak palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Amtrak WhiteBackground
- HEX
- RGB
- HSL
- Amtrak Light GraySurface
- HEX
- RGB
- HSL
- Amtrak Border GrayBorder
- HEX
- RGB
- HSL
- Amtrak CharcoalText
- HEX
- RGB
- HSL
- Amtrak SlateSecondary text
- HEX
- RGB
- HSL
- Amtrak Muted GrayMuted text
- HEX
- RGB
- HSL
About Amtrak's colors
Amtrak's palette is dominated by deep blue, silver, and white, conveying trust, professionalism, and clarity. Accent blues and functional colors provide hierarchy and accessibility in digital interfaces.
Primary blue paired with silver for brand recognition
Accent blue for CTAs and highlights
Neutral grays for backgrounds and surfaces
Psychology
The deep blue evokes trust, safety, and dependability, aligning with Amtrak's transportation mission. Silver and white add a sense of modernity and cleanliness.
Evolution
Amtrak's palette has remained stable since its 2000s rebrand, focusing on blue and silver. Minor adjustments have been made for digital accessibility and contrast.
Where Amtrak uses each color
- Primary
Used in the website header, navigation, and key brand marks.
- Secondary
Appears in backgrounds, secondary buttons, and train livery.
- Accent
Used for call-to-action buttons and important highlights.
- Backgrounds
White and light gray are used for page backgrounds and content areas.
- Text
Charcoal and slate grays are used for primary and secondary text throughout the site.
- Semantic
Green, yellow, and red are used for status messages and alerts in digital interfaces.
Amtrak color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Amtrak brand color is Amtrak Blue, hex code #003366.
Amtrak Blue (#003366) is RGB (0, 51, 102) and CMYK (100, 68, 0, 60).
Amtrak uses Amtrak Silver (#A7A8AA), Light Gray (#F5F6F7), and Border Gray (#D1D3D4) for surfaces and UI elements.
Use Amtrak Blue (#003366) for primary navigation and branding, with Silver (#A7A8AA) and Sky Blue (#0097D4) for accents and CTAs. Neutral grays and white provide structure and support for content.
The secondary color is Amtrak Silver, #A7A8AA, and the accent is Amtrak Sky Blue, #0097D4. 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 Amtrak's colors consistently when it generates UI.
Make something in the spirit of Amtrak
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.