Wilson color palette
SportsWilson is a leading sports equipment brand known for its iconic red and black color identity, which is consistently used across its products and digital presence. The brand's palette is bold, direct, and rooted in its heritage as a top name in sporting goods.
wilson.comWilson colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Wilson RedPrimary208, 16, 58
- Wilson BlackSecondary0, 0, 0
- Wilson GoldAccent255, 209, 0
Surfaces
Page, cards and dividers.- Wilson WhiteBackground255, 255, 255
- Wilson Light GraySurface246, 246, 246
- Wilson Border GrayBorder224, 224, 224
Text
Three tiers of copy.- Wilson Text BlackText17, 17, 17
- Wilson Text GraySecondary text85, 85, 85
- Wilson Muted GrayMuted text136, 136, 136
Semantic
Feedback and state colors.- Wilson Success GreenSuccess60, 179, 113
- Wilson Warning OrangeWarning255, 165, 0
- Wilson Error RedError229, 57, 53
- Wilson Info BlueInfo25, 118, 210
Use Wilson's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
wilson-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #E53935;
--accent: #FFD100;
--border: #E0E0E0;
--primary: #D0103A;
--success: #3CB371;
--surface: #F6F6F6;
--warning: #FFA500;
--secondary: #000000;
--text-muted: #888888;
--background: #FFFFFF;
--text-primary: #111111;
--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
18.9:1
Pass
Text on surface
Needs 4.5:1 for body text
17.5:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.5: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
3.5:1
Pass
Muted text on surface
Needs 3:1 for large text
3.3:1
Pass
Wilson gray and neutral colors
The quiet part of the Wilson palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Wilson WhiteBackground
- HEX
- RGB
- HSL
- Wilson Light GraySurface
- HEX
- RGB
- HSL
- Wilson Border GrayBorder
- HEX
- RGB
- HSL
- Wilson Text BlackText
- HEX
- RGB
- HSL
- Wilson Text GraySecondary text
- HEX
- RGB
- HSL
- Wilson Muted GrayMuted text
- HEX
- RGB
- HSL
About Wilson's colors
Wilson's color palette is built around a vivid red and deep black, evoking energy, power, and authority. The supporting neutrals and accent gold provide clarity and a premium feel.
Primary red and black create strong visual contrast.
Gold accent adds a touch of prestige.
Neutral grays support readability and modern UI.
Psychology
Red is associated with excitement, passion, and action, aligning with Wilson's sports focus. Black conveys strength and reliability, while gold signals quality.
Evolution
Wilson's core red and black palette has remained consistent for decades, reinforcing brand recognition. Minor updates have refined neutrals and accent colors for digital clarity.
Where Wilson uses each color
- Primary
Wilson Red is used for logos, key buttons, and product highlights.
- Secondary
Wilson Black appears in navigation bars, text, and product details.
- Accent
Wilson Gold is used for special edition products and subtle highlights.
- Backgrounds
Wilson White and Light Gray are used for website backgrounds and packaging.
- Text
Text Black and Text Gray are used for primary and secondary text throughout digital and print materials.
- Semantic
Success Green, Warning Orange, Error Red, and Info Blue are used for alerts, notifications, and status indicators in digital interfaces.
Wilson color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Wilson brand color is Wilson Red, with the hex code #D0103A.
Wilson Red (#D0103A) in RGB is (208, 16, 58); in CMYK it is approximately (0, 92, 72, 18).
Wilson uses Wilson Light Gray (#F6F6F6), Border Gray (#E0E0E0), and various text grays (#555555, #888888) for backgrounds, borders, and muted text.
Use Wilson Red (#D0103A) for primary actions and branding, with Black (#000000) and White (#FFFFFF) for structure and contrast. Accent and semantic colors should be used sparingly for highlights and UI feedback.
The secondary color is Wilson Black, #000000, and the accent is Wilson Gold, #FFD100. 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 Wilson's colors consistently when it generates UI.
Make something in the spirit of Wilson
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.