Paris Saint-Germain color palette
SportsParis Saint-Germain's color identity is defined by its iconic deep blue, vibrant red, and crisp white, reflecting the club's Parisian heritage and sporting prestige. The palette is used consistently across kits, digital platforms, and branding materials.
psg.frParis Saint-Germain colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- PSG BluePrimary0, 65, 112
- PSG RedSecondary227, 6, 19
- PSG WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- PSG Light GrayBackground245, 247, 250
- PSG Surface GraySurface229, 232, 236
- PSG Border GrayBorder194, 201, 214
Text
Three tiers of copy.- PSG CharcoalText26, 26, 26
- PSG Medium GraySecondary text74, 74, 74
- PSG Muted GrayMuted text122, 134, 154
Semantic
Feedback and state colors.- PSG Success GreenSuccess27, 191, 92
- PSG Warning YellowWarning255, 184, 0
- PSG Error RedError227, 6, 19
- PSG Info BlueInfo0, 65, 112
Use Paris Saint-Germain's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
paris-saint-germain-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #004170;
--error: #E30613;
--accent: #FFFFFF;
--border: #C2C9D6;
--primary: #004170;
--success: #1BBF5C;
--surface: #E5E8EC;
--warning: #FFB800;
--secondary: #E30613;
--text-muted: #7A869A;
--background: #F5F7FA;
--text-primary: #1A1A1A;
--text-secondary: #4A4A4A;
}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
14.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.2:1
Pass
Muted text on background
Needs 3:1 for large text
3.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.0:1
Fail
Paris Saint-Germain background, border and text colors
The quiet part of the Paris Saint-Germain palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- PSG Light GrayBackground
- HEX
- RGB
- HSL
- PSG Surface GraySurface
- HEX
- RGB
- HSL
- PSG Border GrayBorder
- HEX
- RGB
- HSL
- PSG CharcoalText
- HEX
- RGB
- HSL
- PSG Medium GraySecondary text
- HEX
- RGB
- HSL
- PSG Muted GrayMuted text
- HEX
- RGB
- HSL
About Paris Saint-Germain's colors
PSG's palette is built around a triad of blue, red, and white, symbolizing both Paris and French identity. The deep blue dominates, with red and white providing contrast and clarity.
Primary blue and red are complementary and high-contrast.
White is used for clarity and separation.
Grays support digital readability and modern UI.
Psychology
Blue conveys trust, loyalty, and tradition, while red adds energy and passion. White and gray tones provide balance and a clean, modern feel.
Evolution
The core PSG palette has remained stable for decades, with only minor adjustments to blue and red shades for digital consistency. Recent years have seen expanded use of grays and neutrals in digital and merchandising contexts.
Where Paris Saint-Germain uses each color
- Primary
PSG Blue is used for home kits, website headers, and primary buttons.
- Secondary
PSG Red appears in accent stripes on jerseys, call-to-action buttons, and highlights.
- Accent
PSG White is used for text, logos, and to provide contrast on dark backgrounds.
- Backgrounds
PSG Light Gray and Surface Gray are used for website backgrounds and UI panels.
- Text
Charcoal and Medium Gray are used for primary and secondary text on digital platforms.
- Semantic
Success Green, Warning Yellow, and Error Red are used for alerts, notifications, and status indicators in digital interfaces.
Paris Saint-Germain color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official PSG primary blue is #004170. This color is central to the club's visual identity.
PSG Blue (#004170) is RGB(0, 65, 112) and CMYK(100, 42, 0, 56). These values ensure accurate reproduction across print and digital media.
PSG uses Light Gray (#F5F7FA), Surface Gray (#E5E8EC), and Border Gray (#C2C9D6) for backgrounds and UI elements. These neutrals help maintain clarity and focus on the primary colors.
Use PSG Blue (#004170) as the dominant color, with PSG Red (#E30613) and PSG White (#FFFFFF) for accents and contrast. Grays and semantic colors support digital interfaces and accessibility.
The secondary color is PSG Red, #E30613, and the accent is PSG White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
5 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 Paris Saint-Germain's colors consistently when it generates UI.
Make something in the spirit of Paris Saint-Germain
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.