Juventus color palette
SportsJuventus' color identity is defined by a classic black and white palette, reflecting the club's iconic striped kits and minimalist branding. The color system is monochromatic with subtle gray accents for UI and digital applications.
juventus.comJuventus colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Juventus BlackPrimary0, 0, 0
- Juventus WhiteSecondary255, 255, 255
- Juventus Light GrayAccent209, 209, 209
Surfaces
Page, cards and dividers.- Juventus WhiteBackground255, 255, 255
- Juventus Off WhiteSurface245, 245, 245
- Juventus Border GrayBorder204, 204, 204
Text
Three tiers of copy.- Juventus BlackText0, 0, 0
- Juventus Medium GraySecondary text102, 102, 102
- Juventus Muted GrayMuted text163, 163, 163
Semantic
Feedback and state colors.- Juventus Success GreenSuccess98, 179, 86
- Juventus Warning OrangeWarning245, 166, 35
- Juventus Error RedError208, 2, 27
- Juventus Info BlueInfo74, 144, 226
Use Juventus's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
juventus-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #4A90E2;
--error: #D0021B;
--accent: #D1D1D1;
--border: #CCCCCC;
--primary: #000000;
--success: #62B356;
--surface: #F5F5F5;
--warning: #F5A623;
--secondary: #FFFFFF;
--text-muted: #A3A3A3;
--background: #FFFFFF;
--text-primary: #000000;
--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
21.0:1
Pass
Text on surface
Needs 4.5:1 for body text
19.3: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.5:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Juventus gray and neutral colors
The quiet part of the Juventus palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Juventus WhiteBackground
- HEX
- RGB
- HSL
- Juventus Off WhiteSurface
- HEX
- RGB
- HSL
- Juventus Border GrayBorder
- HEX
- RGB
- HSL
- Juventus BlackText
- HEX
- RGB
- HSL
- Juventus Medium GraySecondary text
- HEX
- RGB
- HSL
- Juventus Muted GrayMuted text
- HEX
- RGB
- HSL
About Juventus's colors
Juventus utilizes a strictly monochrome palette, emphasizing black and white for a timeless and authoritative look. The minimal use of color underscores the club's heritage and modernity.
Black and white are used in high-contrast pairings.
Gray tones provide depth and hierarchy in digital interfaces.
Accent colors are reserved for functional UI states.
Psychology
Black conveys power, sophistication, and tradition, while white adds clarity and simplicity. The palette reinforces Juventus' identity as a prestigious and historic football club.
Evolution
Juventus' palette has remained consistent, focused on black and white since its founding. Recent branding updates have further minimized color, emphasizing a modern, minimalist approach.
Where Juventus uses each color
- Primary
Juventus Black is used for the logo, typography, and primary navigation elements.
- Secondary
Juventus White appears as the main background and in the club's home kits.
- Accent
Juventus Light Gray is used for UI elements such as dividers, cards, and subtle highlights.
- Backgrounds
Backgrounds are predominantly Juventus White or Off White for clarity and readability.
- Text
Text uses Juventus Black for primary content, with Medium and Muted Gray for secondary and disabled states.
- Semantic
Success, warning, error, and info colors are used in digital interfaces for notifications and status indicators.
Juventus color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary Juventus brand color is black, with the official hex code #000000.
Juventus Black is #000000, which is RGB(0, 0, 0) and CMYK(0, 0, 0, 100).
Juventus uses several gray tones: Light Gray (#D1D1D1), Medium Gray (#666666), Muted Gray (#A3A3A3), and Border Gray (#CCCCCC) for UI and backgrounds.
The palette should prioritize black and white for core branding, with grays and semantic colors reserved for UI, digital, and functional purposes. Accent and semantic colors should not overpower the primary monochrome identity.
The secondary color is Juventus White, #FFFFFF, and the accent is Juventus Light Gray, #D1D1D1. 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 Juventus's colors consistently when it generates UI.
Make something in the spirit of Juventus
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.