Victorinox color palette
ConsumerVictorinox's color identity is built around its iconic deep red, reflecting Swiss heritage and precision. The palette uses strong reds, dark grays, and clean whites for a timeless, trustworthy appearance.
victorinox.comVictorinox colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Victorinox RedPrimary164, 30, 52
- Victorinox CharcoalSecondary54, 54, 54
- Victorinox ScarletAccent200, 16, 46
Surfaces
Page, cards and dividers.- Victorinox WhiteBackground255, 255, 255
- Victorinox Light GraySurface245, 245, 245
- Victorinox Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Victorinox Text BlackText34, 34, 34
- Victorinox Text GraySecondary text102, 102, 102
- Victorinox Muted GrayMuted text160, 160, 160
Semantic
Feedback and state colors.- Victorinox Success GreenSuccess75, 170, 80
- Victorinox Warning OrangeWarning245, 166, 35
- Victorinox Error RedError208, 2, 27
- Victorinox Info BlueInfo25, 118, 210
Use Victorinox's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
victorinox-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D0021B;
--accent: #C8102E;
--border: #E0E0E0;
--primary: #A41E34;
--success: #4BAA50;
--surface: #F5F5F5;
--warning: #F5A623;
--secondary: #363636;
--text-muted: #A0A0A0;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #666666;
}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.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Victorinox gray and neutral colors
The quiet part of the Victorinox palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Victorinox WhiteBackground
- HEX
- RGB
- HSL
- Victorinox Light GraySurface
- HEX
- RGB
- HSL
- Victorinox Border GrayBorder
- HEX
- RGB
- HSL
- Victorinox Text BlackText
- HEX
- RGB
- HSL
- Victorinox Text GraySecondary text
- HEX
- RGB
- HSL
- Victorinox Muted GrayMuted text
- HEX
- RGB
- HSL
About Victorinox's colors
Victorinox's palette centers on a rich, authoritative red complemented by neutral grays and whites for clarity and contrast. The color system supports a premium, reliable brand image.
Primary red paired with dark gray for strong contrast
Accent scarlet used for highlights and calls to action
Neutral backgrounds maintain product focus
Psychology
The deep red conveys trust, quality, and Swiss heritage, while the grays and whites evoke professionalism and simplicity. The palette is designed to inspire confidence and durability.
Evolution
The core Victorinox red has remained consistent for decades, reinforcing brand recognition. Minor adjustments to gray tones and accent colors have modernized the UI without altering the iconic look.
Where Victorinox uses each color
- Primary
Victorinox Red is used in the logo, primary navigation, and key buttons.
- Secondary
Victorinox Charcoal appears in headers, footers, and product backgrounds.
- Accent
Victorinox Scarlet highlights promotions, badges, and active states.
- Backgrounds
Victorinox White and Light Gray are used for page backgrounds and content areas.
- Text
Text Black and Text Gray are used for primary and secondary text throughout the site and packaging.
- Semantic
Success Green, Warning Orange, Error Red, and Info Blue are used for status indicators and notifications.
Victorinox color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Victorinox brand color is Victorinox Red, hex code #A41E34.
Victorinox Red (#A41E34) is RGB(164, 30, 52); in CMYK it is approximately 0, 82, 68, 36.
Victorinox uses Charcoal (#363636), Light Gray (#F5F5F5), and Border Gray (#E0E0E0) for backgrounds, surfaces, and borders.
Use Victorinox Red (#A41E34) for primary actions and branding, with grays and whites for backgrounds and text to maintain clarity and focus.
The secondary color is Victorinox Charcoal, #363636, and the accent is Victorinox Scarlet, #C8102E. 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 Victorinox's colors consistently when it generates UI.
Make something in the spirit of Victorinox
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.