CD Projekt Red color palette
GamingCD Projekt Red's color identity is defined by a striking, high-contrast palette centered on its signature red, supported by deep blacks and neutral grays. The palette is bold and instantly recognizable, reflecting the brand's focus on dramatic, narrative-driven gaming experiences.
cdprojektred.comCD Projekt Red colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- CDPR RedPrimary220, 13, 21
- CDPR BlackSecondary25, 25, 25
- CDPR WhiteAccent247, 247, 247
Surfaces
Page, cards and dividers.- CDPR Deep BlackBackground18, 18, 18
- CDPR CharcoalSurface35, 35, 35
- CDPR GraphiteBorder58, 58, 58
Text
Three tiers of copy.- CDPR Pure WhiteText255, 255, 255
- CDPR Light GraySecondary text176, 176, 176
- CDPR Muted GrayMuted text117, 117, 117
Semantic
Feedback and state colors.- CDPR Success GreenSuccess60, 184, 120
- CDPR Warning YellowWarning255, 179, 0
- CDPR Error RedError229, 57, 53
- CDPR Info BlueInfo33, 150, 243
Use CD Projekt Red's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
cd-projekt-red-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2196F3;
--error: #E53935;
--accent: #F7F7F7;
--border: #3A3A3A;
--primary: #DC0D15;
--success: #3CB878;
--surface: #232323;
--warning: #FFB300;
--secondary: #191919;
--text-muted: #757575;
--background: #121212;
--text-primary: #FFFFFF;
--text-secondary: #B0B0B0;
}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.7:1
Pass
Text on surface
Needs 4.5:1 for body text
15.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.6: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
4.1:1
Pass
Muted text on surface
Needs 3:1 for large text
3.4:1
Pass
CD Projekt Red gray, dark and neutral colors
CD Projekt Red runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- CDPR Deep BlackBackground
- HEX
- RGB
- HSL
- CDPR CharcoalSurface
- HEX
- RGB
- HSL
- CDPR GraphiteBorder
- HEX
- RGB
- HSL
- CDPR Pure WhiteText
- HEX
- RGB
- HSL
- CDPR Light GraySecondary text
- HEX
- RGB
- HSL
- CDPR Muted GrayMuted text
- HEX
- RGB
- HSL
About CD Projekt Red's colors
CD Projekt Red's palette leverages a powerful red as its core, contrasted with deep blacks and subtle grays for a cinematic, high-impact look. The use of minimal accent colors ensures the red remains the focal point.
Primary red dominates against dark backgrounds.
Neutral grays provide depth and hierarchy.
Accent white is used for clarity and contrast.
Psychology
Red conveys energy, passion, and intensity, aligning with the brand's bold storytelling. The dark tones evoke mystery and seriousness, supporting immersive experiences.
Evolution
CD Projekt Red's palette has remained largely consistent since its inception, with the red and black combination being a constant visual signature. Minor adjustments have been made to gray tones for improved digital readability.
Where CD Projekt Red uses each color
- Primary
CDPR Red is used in the logo, key calls-to-action, and major highlights on the website.
- Secondary
CDPR Black forms the main backgrounds and navigation bars.
- Accent
CDPR White is used for text, icons, and to highlight important UI elements.
- Backgrounds
CDPR Deep Black and Charcoal are used for page and modal backgrounds.
- Text
Pure White and Light Gray are used for primary and secondary text, with Muted Gray for less prominent information.
- Semantic
Success Green, Warning Yellow, Error Red, and Info Blue are used for notifications and status indicators.
CD Projekt Red color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official CD Projekt Red brand color is #DC0D15, known as CDPR Red.
CDPR Red (#DC0D15) in RGB is (220, 13, 21); in CMYK it is approximately (0, 94, 90, 14).
CD Projekt Red uses #191919 (CDPR Black), #232323 (CDPR Charcoal), and #3A3A3A (CDPR Graphite) for dark and neutral UI elements.
Use CDPR Red (#DC0D15) for highlights and branding, with deep blacks and grays for backgrounds and surfaces. Accent with white for text and icons to maintain clarity and contrast.
The secondary color is CDPR Black, #191919, and the accent is CDPR White, #F7F7F7. 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 CD Projekt Red's colors consistently when it generates UI.
Make something in the spirit of CD Projekt Red
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.