Tumi color palette
TravelTumi's brand color system is anchored by a distinctive deep red, complemented by black, white, and a range of neutral grays for a premium, modern look. The palette reflects the brand's focus on luxury travel accessories and timeless design.
tumi.comTumi colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Tumi RedPrimary200, 16, 46
- Tumi BlackSecondary0, 0, 0
- Tumi WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Tumi Light GrayBackground245, 245, 245
- Tumi Surface GraySurface229, 229, 229
- Tumi Border GrayBorder204, 204, 204
Text
Three tiers of copy.- Tumi CharcoalText34, 34, 34
- Tumi Medium GraySecondary text85, 85, 85
- Tumi Muted GrayMuted text136, 136, 136
Semantic
Feedback and state colors.- Tumi Success GreenSuccess75, 181, 67
- Tumi Warning YellowWarning255, 180, 0
- Tumi Error RedError215, 38, 61
- Tumi Info BlueInfo0, 114, 206
Use Tumi's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
tumi-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072CE;
--error: #D7263D;
--accent: #FFFFFF;
--border: #CCCCCC;
--primary: #C8102E;
--success: #4BB543;
--surface: #E5E5E5;
--warning: #FFB400;
--secondary: #000000;
--text-muted: #888888;
--background: #F5F5F5;
--text-primary: #222222;
--text-secondary: #555555;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.6:1
Pass
Text on surface
Needs 4.5:1 for body text
12.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.8:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.9:1
Pass
Muted text on background
Needs 3:1 for large text
3.3:1
Pass
Muted text on surface
Needs 3:1 for large text
2.8:1
Fail
Tumi gray and neutral colors
The quiet part of the Tumi palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Tumi Light GrayBackground
- HEX
- RGB
- HSL
- Tumi Surface GraySurface
- HEX
- RGB
- HSL
- Tumi Border GrayBorder
- HEX
- RGB
- HSL
- Tumi CharcoalText
- HEX
- RGB
- HSL
- Tumi Medium GraySecondary text
- HEX
- RGB
- HSL
- Tumi Muted GrayMuted text
- HEX
- RGB
- HSL
About Tumi's colors
Tumi’s color palette is built around a bold, luxurious red paired with black and neutral grays for a sophisticated, modern feel. The use of white and subtle grays ensures clarity and a premium aesthetic.
Primary red is contrasted with black and white for strong visual hierarchy.
Grays are used to soften backgrounds and surfaces.
Accent colors are reserved for functional UI states.
Psychology
Red conveys confidence, energy, and premium quality, aligning with Tumi’s luxury positioning. The black and gray tones reinforce a sense of professionalism and timelessness.
Evolution
Tumi’s palette has remained consistent, with the signature red and black as core elements. Minor adjustments to gray tones have been made for digital clarity and accessibility.
Where Tumi uses each color
- Primary
Tumi Red is used for the logo, primary buttons, and key highlights across the website and packaging.
- Secondary
Tumi Black appears in navigation bars, product details, and text.
- Accent
Tumi White is used for backgrounds, negative space, and text on dark elements.
- Backgrounds
Tumi Light Gray serves as the main page background for a clean, neutral look.
- Text
Tumi Charcoal and Medium Gray are used for primary and secondary text, ensuring readability.
- Semantic
Success, warning, error, and info colors are used for notifications, status indicators, and forms.
Tumi color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Tumi brand color is Tumi Red, with the hex code #C8102E.
Tumi Red (#C8102E) in RGB is 200, 16, 46 and in CMYK is 0, 92, 77, 22.
Tumi uses several grays: Light Gray (#F5F5F5), Surface Gray (#E5E5E5), Border Gray (#CCCCCC), Charcoal (#222222), Medium Gray (#555555), and Muted Gray (#888888). These are used for backgrounds, surfaces, borders, and text.
Tumi Red (#C8102E) should be reserved for key brand elements and calls to action. Grays and black provide structure, while semantic colors are used for functional UI feedback.
The secondary color is Tumi Black, #000000, and the accent is Tumi White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
5 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 Tumi's colors consistently when it generates UI.
Make something in the spirit of Tumi
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.