Samsonite color palette
TravelSamsonite’s color identity centers on a deep, trustworthy blue, reflecting reliability and durability in travel gear. The palette is complemented by neutral grays and white, supporting a clean, premium brand image.
samsonite.comSamsonite colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Samsonite BluePrimary26, 36, 64
- Samsonite RedSecondary227, 6, 19
- Samsonite OrangeAccent245, 166, 35
Surfaces
Page, cards and dividers.- Samsonite WhiteBackground255, 255, 255
- Samsonite Light GraySurface244, 244, 244
- Samsonite Border GrayBorder209, 213, 219
Text
Three tiers of copy.- Samsonite BlueText26, 36, 64
- Samsonite Medium GraySecondary text75, 85, 99
- Samsonite Muted GrayMuted text156, 163, 175
Semantic
Feedback and state colors.- Samsonite Success GreenSuccess75, 181, 67
- Samsonite OrangeWarning245, 166, 35
- Samsonite RedError227, 6, 19
- Samsonite Info BlueInfo0, 119, 200
Use Samsonite's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
samsonite-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0077C8;
--error: #E30613;
--accent: #F5A623;
--border: #D1D5DB;
--primary: #1A2440;
--success: #4BB543;
--surface: #F4F4F4;
--warning: #F5A623;
--secondary: #E30613;
--text-muted: #9CA3AF;
--background: #FFFFFF;
--text-primary: #1A2440;
--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
15.3:1
Pass
Text on surface
Needs 4.5:1 for body text
13.9: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
6.9: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.3:1
Fail
Samsonite background, border and text colors
The quiet part of the Samsonite palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Samsonite WhiteBackground
- HEX
- RGB
- HSL
- Samsonite Light GraySurface
- HEX
- RGB
- HSL
- Samsonite Border GrayBorder
- HEX
- RGB
- HSL
- Samsonite BlueText
- HEX
- RGB
- HSL
- Samsonite Medium GraySecondary text
- HEX
- RGB
- HSL
- Samsonite Muted GrayMuted text
- HEX
- RGB
- HSL
About Samsonite's colors
Samsonite’s palette is built around a deep blue, symbolizing trust and professionalism, with red and orange accents for energy and visibility. Neutrals provide clarity and support a premium, accessible look.
Primary blue paired with white for strong contrast
Red and orange used as attention-grabbing accents
Grays unify backgrounds, borders, and muted text
Psychology
The dominant blue conveys reliability and security, key values for a travel brand. Red and orange inject vibrancy and urgency, guiding user attention to key actions or alerts.
Evolution
Samsonite’s color palette has remained stable, with deep blue as the core since its rebranding in the 2000s. Minor adjustments to accent and neutral tones have modernized the UI without altering the brand’s recognizable identity.
Where Samsonite uses each color
- Primary
Samsonite Blue is used for the logo, main navigation backgrounds, and key call-to-action buttons.
- Secondary
Samsonite Red highlights sales, promotions, and important notifications.
- Accent
Samsonite Orange is used sparingly for price tags, badges, and select interactive elements.
- Backgrounds
Samsonite White and Light Gray are used for page backgrounds and product detail areas.
- Text
Samsonite Blue and Medium Gray are used for primary and secondary text, with Muted Gray for less prominent information.
- Semantic
Success Green, Orange, and Red are used for status messages, alerts, and error notifications throughout the site.
Samsonite color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Samsonite brand color is Samsonite Blue, hex code #1A2440. This deep blue is used for the logo and primary navigation.
Samsonite Blue (#1A2440) in RGB is 26, 36, 64. For print, its CMYK equivalent is approximately 95, 81, 38, 39.
Samsonite uses Light Gray (#F4F4F4), Border Gray (#D1D5DB), Medium Gray (#4B5563), and Muted Gray (#9CA3AF) in its UI. These provide structure and hierarchy for backgrounds, borders, and secondary text.
Samsonite Blue (#1A2440) should dominate key brand elements, with red and orange reserved for accents and calls to action. Grays and white support readability and a clean, premium look.
The secondary color is Samsonite Red, #E30613, and the accent is Samsonite Orange, #F5A623. 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 Samsonite's colors consistently when it generates UI.
Make something in the spirit of Samsonite
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.