Serie A color palette
SportsSerie A's color identity is defined by a bold blue primary, complemented by white and dark navy neutrals, reflecting the league's Italian heritage and modern sports branding. The palette is used consistently across digital, broadcast, and merchandise platforms.
legaseriea.itSerie A colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Serie A BluePrimary0, 85, 164
- Serie A WhiteSecondary255, 255, 255
- Serie A Sky BlueAccent0, 177, 231
Surfaces
Page, cards and dividers.- Serie A Light GrayBackground245, 247, 250
- Serie A Surface GraySurface240, 242, 245
- Serie A Border GrayBorder209, 213, 219
Text
Three tiers of copy.- Serie A BlackText26, 26, 26
- Serie A Dark GraySecondary text75, 85, 99
- Serie A Muted GrayMuted text107, 114, 128
Semantic
Feedback and state colors.- Serie A GreenSuccess0, 195, 137
- Serie A YellowWarning255, 199, 44
- Serie A RedError225, 6, 0
- Serie A Sky BlueInfo0, 177, 231
Use Serie A's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
serie-a-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B1E7;
--error: #E10600;
--accent: #00B1E7;
--border: #D1D5DB;
--primary: #0055A4;
--success: #00C389;
--surface: #F0F2F5;
--warning: #FFC72C;
--secondary: #FFFFFF;
--text-muted: #6B7280;
--background: #F5F7FA;
--text-primary: #1A1A1A;
--text-secondary: #4B5563;
}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.2:1
Pass
Text on surface
Needs 4.5:1 for body text
15.5:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.0:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.7:1
Pass
Muted text on background
Needs 3:1 for large text
4.5:1
Pass
Muted text on surface
Needs 3:1 for large text
4.3:1
Pass
Serie A background, border and text colors
The quiet part of the Serie A palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Serie A Light GrayBackground
- HEX
- RGB
- HSL
- Serie A Surface GraySurface
- HEX
- RGB
- HSL
- Serie A Border GrayBorder
- HEX
- RGB
- HSL
- Serie A BlackText
- HEX
- RGB
- HSL
- Serie A Dark GraySecondary text
- HEX
- RGB
- HSL
- Serie A Muted GrayMuted text
- HEX
- RGB
- HSL
About Serie A's colors
Serie A's palette is anchored by a deep blue, symbolizing trust and tradition, with supporting neutrals for clarity and modernity. Accent colors are used for highlights and semantic states, maintaining a professional sports aesthetic.
Primary blue contrasts with white for strong visual hierarchy.
Accent sky blue and green are used for highlights and status.
Neutral grays provide balance and readability.
Psychology
Blue conveys reliability, authority, and Italian national identity. The use of clear neutrals and vibrant accents supports a dynamic, energetic sports environment.
Evolution
Serie A's palette has remained stable, with the blue primary being a longstanding element. Recent updates have refined accent and neutral tones for digital clarity.
Where Serie A uses each color
- Primary
Serie A Blue is used in the league logo, main navigation bars, and primary call-to-action buttons.
- Secondary
Serie A White is used for backgrounds, text, and logo elements.
- Accent
Serie A Sky Blue is used for highlights, links, and interactive elements.
- Backgrounds
Serie A Light Gray and Surface Gray are used for app and website backgrounds.
- Text
Serie A Black and Dark Gray are used for primary and secondary text across digital platforms.
- Semantic
Green, yellow, and red are used for success, warning, and error states in UI and broadcast graphics.
Serie A color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Serie A primary brand color is #0055A4, known as Serie A Blue.
Serie A Blue (#0055A4) has an RGB value of (0, 85, 164) and a CMYK value of (100, 48, 0, 36).
Serie A uses #F5F7FA (Light Gray), #F0F2F5 (Surface Gray), and #D1D5DB (Border Gray) as its main neutral tones.
The palette should be applied consistently: blue for primary elements, white and grays for backgrounds, and accent/semantic colors for highlights and status indicators. Always use the exact hex codes provided for digital and print consistency.
The secondary color is Serie A White, #FFFFFF, and the accent is Serie A Sky Blue, #00B1E7. 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 Serie A's colors consistently when it generates UI.
Make something in the spirit of Serie A
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.