Old Spice color palette
FashionOld Spice's color identity is defined by its bold, signature red, supported by deep grays and crisp white for contrast. The palette reflects the brand's energetic, masculine, and classic character.
oldspice.comOld Spice colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Old Spice RedPrimary200, 16, 46
- Old Spice BlackSecondary35, 31, 32
- Old Spice GoldAccent255, 209, 0
Surfaces
Page, cards and dividers.- Old Spice WhiteBackground255, 255, 255
- Old Spice Light GraySurface245, 245, 245
- Old Spice Medium GrayBorder176, 176, 176
Text
Three tiers of copy.- Old Spice BlackText35, 31, 32
- Old Spice Dark GraySecondary text109, 110, 113
- Old Spice Muted GrayMuted text167, 168, 170
Semantic
Feedback and state colors.- Old Spice GreenSuccess67, 176, 42
- Old Spice OrangeWarning255, 130, 0
- Old Spice Alert RedError210, 38, 48
- Old Spice TealInfo0, 156, 166
Use Old Spice's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
old-spice-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009CA6;
--error: #D22630;
--accent: #FFD100;
--border: #B0B0B0;
--primary: #C8102E;
--success: #43B02A;
--surface: #F5F5F5;
--warning: #FF8200;
--secondary: #231F20;
--text-muted: #A7A8AA;
--background: #FFFFFF;
--text-primary: #231F20;
--text-secondary: #6D6E71;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.3:1
Pass
Text on surface
Needs 4.5:1 for body text
15.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Old Spice gray and neutral colors
The quiet part of the Old Spice palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Old Spice WhiteBackground
- HEX
- RGB
- HSL
- Old Spice Light GraySurface
- HEX
- RGB
- HSL
- Old Spice Medium GrayBorder
- HEX
- RGB
- HSL
- Old Spice BlackText
- HEX
- RGB
- HSL
- Old Spice Dark GraySecondary text
- HEX
- RGB
- HSL
- Old Spice Muted GrayMuted text
- HEX
- RGB
- HSL
About Old Spice's colors
Old Spice's palette is anchored by a vibrant red, symbolizing energy and confidence, with supporting neutrals for clarity and contrast. The gold accent adds a premium touch, while functional colors provide semantic clarity.
Primary red is complemented by black and white for strong contrast.
Gold accent highlights key elements and packaging details.
Gray tones are used for backgrounds, borders, and secondary text.
Psychology
Red evokes excitement, masculinity, and boldness, aligning with Old Spice's brand persona. The use of black and gold suggests strength and quality.
Evolution
The Old Spice palette has remained consistent, with red as a defining feature since its rebranding in the early 2000s. Minor adjustments to gray tones and accent colors have been made for digital clarity.
Where Old Spice uses each color
- Primary
Old Spice Red is used for logos, primary buttons, and key packaging elements.
- Secondary
Old Spice Black appears in navigation bars, headers, and text.
- Accent
Old Spice Gold is applied to highlights, icons, and select packaging details.
- Backgrounds
Old Spice White and Light Gray are used for page backgrounds and product sections.
- Text
Old Spice Black and Dark Gray are used for primary and secondary text, with Muted Gray for less prominent information.
- Semantic
Green, Orange, Alert Red, and Teal are used for status messages, notifications, and UI feedback.
Old Spice color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Old Spice brand color is #C8102E, known as Old Spice Red.
Old Spice Red (#C8102E) in RGB is (200, 16, 46), and in CMYK it is approximately (0, 92, 77, 22).
Old Spice uses #F5F5F5 (Light Gray), #B0B0B0 (Medium Gray), #6D6E71 (Dark Gray), and #A7A8AA (Muted Gray) for backgrounds, borders, and text.
Use Old Spice Red (#C8102E) for primary branding and calls-to-action, with black and white for structure and readability. Accent and semantic colors should be reserved for highlights, alerts, and status indicators.
The secondary color is Old Spice Black, #231F20, and the accent is Old Spice Gold, #FFD100. 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 Old Spice's colors consistently when it generates UI.
Make something in the spirit of Old Spice
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.