Rockstar Games color palette
GamingRockstar Games' color identity is defined by its iconic yellow and black palette, reflecting its bold, urban brand image. The palette is minimalistic, relying on high-contrast tones for maximum visual impact.
rockstargames.comRockstar Games colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Rockstar YellowPrimary252, 175, 23
- Rockstar BlackSecondary38, 38, 38
- Rockstar WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Rockstar Deep BlackBackground18, 18, 18
- Rockstar CharcoalSurface26, 26, 26
- Rockstar GraphiteBorder51, 51, 51
Text
Three tiers of copy.- Rockstar Text WhiteText255, 255, 255
- Rockstar Text GraySecondary text179, 179, 179
- Rockstar Muted GrayMuted text128, 128, 128
Semantic
Feedback and state colors.- Rockstar Success GreenSuccess39, 174, 96
- Rockstar Warning OrangeWarning230, 126, 34
- Rockstar Error RedError192, 57, 43
- Rockstar Info BlueInfo41, 128, 185
Use Rockstar Games's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
rockstar-games-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2980B9;
--error: #C0392B;
--accent: #FFFFFF;
--border: #333333;
--primary: #FCAF17;
--success: #27AE60;
--surface: #1A1A1A;
--warning: #E67E22;
--secondary: #262626;
--text-muted: #808080;
--background: #121212;
--text-primary: #FFFFFF;
--text-secondary: #B3B3B3;
}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
17.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.3:1
Pass
Muted text on background
Needs 3:1 for large text
4.7:1
Pass
Muted text on surface
Needs 3:1 for large text
4.4:1
Pass
Rockstar Games gray, dark and neutral colors
Rockstar Games 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.
- Rockstar Deep BlackBackground
- HEX
- RGB
- HSL
- Rockstar CharcoalSurface
- HEX
- RGB
- HSL
- Rockstar GraphiteBorder
- HEX
- RGB
- HSL
- Rockstar Text WhiteText
- HEX
- RGB
- HSL
- Rockstar Text GraySecondary text
- HEX
- RGB
- HSL
- Rockstar Muted GrayMuted text
- HEX
- RGB
- HSL
About Rockstar Games's colors
Rockstar Games uses a high-contrast palette centered around yellow and black, creating a strong, recognizable identity. The minimal color system emphasizes clarity and brand presence.
Primary yellow contrasts with deep blacks for strong visibility.
White and gray tones provide balance and readability.
Accent colors are used sparingly for status and notifications.
Psychology
The bold yellow conveys energy, creativity, and attention, while black adds sophistication and authority. The palette evokes a sense of urban edge and confidence.
Evolution
Rockstar's palette has remained largely unchanged since its inception, maintaining the signature yellow and black. Minor adjustments to gray tones have been made for digital clarity.
Where Rockstar Games uses each color
- Primary
Rockstar Yellow is used in the logo, key buttons, and promotional highlights.
- Secondary
Rockstar Black is featured in headers, navigation bars, and backgrounds.
- Accent
Rockstar White is used for text, icons, and interface highlights.
- Backgrounds
Rockstar Deep Black serves as the main background for websites and launchers.
- Text
Text colors range from Rockstar Text White for primary content to Rockstar Muted Gray for less prominent information.
- Semantic
Success, warning, error, and info colors are used in notifications, alerts, and status indicators.
Rockstar Games color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official primary color for Rockstar Games is #FCAF17, known as Rockstar Yellow. This color is central to the brand's identity.
Rockstar Yellow (#FCAF17) has an RGB value of 252, 175, 23. In CMYK, it is approximately 0, 31, 91, 1.
Rockstar Games uses #262626 (Rockstar Black), #121212 (Rockstar Deep Black), #1A1A1A (Rockstar Charcoal), and #333333 (Rockstar Graphite) for its dark and neutral UI elements. These provide depth and contrast throughout the brand's digital presence.
The palette should prioritize high contrast, with Rockstar Yellow for highlights and branding, and deep blacks for backgrounds. Accent and semantic colors should be used sparingly to maintain the brand's bold, minimal aesthetic.
The secondary color is Rockstar Black, #262626, and the accent is Rockstar White, #FFFFFF. 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 Rockstar Games's colors consistently when it generates UI.
Make something in the spirit of Rockstar Games
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.