GOG color palette
GamingGOG's color identity centers on a distinctive purple, paired with dark neutrals and subtle grays for its digital storefront and app. The palette is designed for clarity and a premium, modern feel in the gaming industry.
gog.comGOG colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- GOG PurplePrimary134, 54, 199
- GOG CharcoalSecondary26, 26, 26
- GOG GoldAccent245, 197, 24
Surfaces
Page, cards and dividers.- GOG Deep BlackBackground24, 24, 28
- GOG Surface GraySurface35, 35, 42
- GOG Border GrayBorder57, 57, 77
Text
Three tiers of copy.- GOG WhiteText255, 255, 255
- GOG Light GraySecondary text195, 195, 206
- GOG Muted GrayMuted text139, 139, 153
Semantic
Feedback and state colors.- GOG Success GreenSuccess75, 181, 67
- GOG Warning AmberWarning255, 179, 0
- GOG Error RedError229, 57, 53
- GOG Info BlueInfo45, 156, 219
Use GOG's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
gog-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2D9CDB;
--error: #E53935;
--accent: #F5C518;
--border: #39394D;
--primary: #8636C7;
--success: #4BB543;
--surface: #23232A;
--warning: #FFB300;
--secondary: #1A1A1A;
--text-muted: #8B8B99;
--background: #18181C;
--text-primary: #FFFFFF;
--text-secondary: #C3C3CE;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.7:1
Pass
Text on surface
Needs 4.5:1 for body text
15.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
10.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.9:1
Pass
Muted text on background
Needs 3:1 for large text
5.3:1
Pass
Muted text on surface
Needs 3:1 for large text
4.6:1
Pass
GOG gray, dark and neutral colors
GOG 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.
- GOG Deep BlackBackground
- HEX
- RGB
- HSL
- GOG Surface GraySurface
- HEX
- RGB
- HSL
- GOG Border GrayBorder
- HEX
- RGB
- HSL
- GOG WhiteText
- HEX
- RGB
- HSL
- GOG Light GraySecondary text
- HEX
- RGB
- HSL
- GOG Muted GrayMuted text
- HEX
- RGB
- HSL
About GOG's colors
GOG's palette is anchored by a vibrant purple, contrasted with deep blacks and subtle gold accents for highlights. The color system supports a modern, digital-first user interface with high legibility.
Purple and gold create a premium, eye-catching contrast.
Dark backgrounds allow the primary color and white text to stand out.
Grays provide neutral surfaces and structure.
Psychology
Purple evokes creativity and a sense of exclusivity, aligning with GOG's curated gaming experience. The dark neutrals convey sophistication and focus attention on content.
Evolution
GOG's palette has remained consistent since its major rebranding, with purple always at the core. Minor adjustments have refined the supporting grays and accent colors for better accessibility.
Where GOG uses each color
- Primary
GOG Purple is used for primary buttons, highlights, and key branding elements across the website and app.
- Secondary
GOG Charcoal forms the main navigation bar and footer backgrounds.
- Accent
GOG Gold is applied to badges, highlights, and promotional banners.
- Backgrounds
GOG Deep Black is the default background for most pages and app screens.
- Text
GOG White and Light Gray are used for primary and secondary text, ensuring readability on dark surfaces.
- Semantic
Success, warning, error, and info colors are used for notifications, status indicators, and system messages.
GOG color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary GOG brand color is #8636C7, known as GOG Purple. This hex code is used for key branding and UI highlights.
GOG Purple (#8636C7) has an RGB value of 134, 54, 199. For print, its approximate CMYK is 33, 73, 0, 22.
GOG uses #1A1A1A (GOG Charcoal), #23232A (GOG Surface Gray), and #39394D (GOG Border Gray) for backgrounds and UI elements. These provide a modern, dark interface consistent across their digital platforms.
Use GOG Purple (#8636C7) for primary actions and highlights, with dark grays for backgrounds and surfaces. Accent and semantic colors should be reserved for notifications, badges, and status indicators to maintain clarity.
The secondary color is GOG Charcoal, #1A1A1A, and the accent is GOG Gold, #F5C518. 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 GOG's colors consistently when it generates UI.
Make something in the spirit of GOG
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.