GeForce color palette
GamingGeForce, NVIDIA's gaming brand, is defined by its signature vibrant green paired with dark, high-contrast neutrals. The palette is instantly recognizable in gaming hardware, software, and digital experiences.
nvidia.comGeForce colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- GeForce GreenPrimary118, 185, 0
- GeForce CharcoalSecondary35, 35, 35
- GeForce WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- GeForce BlackBackground26, 26, 26
- GeForce Surface GraySurface38, 38, 38
- GeForce Border GrayBorder58, 58, 58
Text
Three tiers of copy.- GeForce Text WhiteText255, 255, 255
- GeForce Text GraySecondary text176, 176, 176
- GeForce Muted GrayMuted text122, 122, 122
Semantic
Feedback and state colors.- GeForce GreenSuccess118, 185, 0
- GeForce Warning YellowWarning255, 194, 14
- GeForce Error RedError229, 57, 53
- GeForce Info BlueInfo41, 182, 246
Use GeForce's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
geforce-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #29B6F6;
--error: #E53935;
--accent: #FFFFFF;
--border: #3A3A3A;
--primary: #76B900;
--success: #76B900;
--surface: #262626;
--warning: #FFC20E;
--secondary: #232323;
--text-muted: #7A7A7A;
--background: #1A1A1A;
--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
17.4:1
Pass
Text on surface
Needs 4.5:1 for body text
15.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.0:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.0: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.5:1
Pass
GeForce gray, dark and neutral colors
GeForce 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.
- GeForce BlackBackground
- HEX
- RGB
- HSL
- GeForce Surface GraySurface
- HEX
- RGB
- HSL
- GeForce Border GrayBorder
- HEX
- RGB
- HSL
- GeForce Text WhiteText
- HEX
- RGB
- HSL
- GeForce Text GraySecondary text
- HEX
- RGB
- HSL
- GeForce Muted GrayMuted text
- HEX
- RGB
- HSL
About GeForce's colors
GeForce's palette is anchored by a vivid green contrasted with deep neutrals, creating a bold, high-tech visual identity. The green signals energy and innovation, while the dark tones emphasize performance and focus.
Primary green is paired with black and gray for maximum contrast.
Accent white is used for clarity and legibility.
Semantic colors (yellow, red, blue) are reserved for status and alerts.
Psychology
The green evokes vitality, performance, and futuristic technology, appealing to gamers' sense of excitement. The dark neutrals suggest power, sophistication, and immersion.
Evolution
GeForce's palette has remained consistent since its rebrand under NVIDIA, with the green and black combination becoming iconic. Minor adjustments have been made to gray tones for improved digital accessibility.
Where GeForce uses each color
- Primary
GeForce Green is used for logos, highlights, and key call-to-action elements.
- Secondary
GeForce Charcoal appears in navigation bars and UI backgrounds.
- Accent
GeForce White is used for text, icons, and contrast elements.
- Backgrounds
GeForce Black is the main background for websites, software, and product packaging.
- Text
Text colors range from white for primary content to muted grays for secondary information.
- Semantic
Yellow, red, and blue are used for status indicators, warnings, errors, and informational messages.
GeForce color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official GeForce brand color is GeForce Green, with the hex code #76B900.
GeForce Green (#76B900) is RGB(118, 185, 0) and CMYK(36, 0, 100, 0).
GeForce uses a range of dark neutrals, including GeForce Charcoal (#232323), GeForce Black (#1A1A1A), and GeForce Surface Gray (#262626), for backgrounds and surfaces.
Use GeForce Green (#76B900) sparingly for emphasis, with dark neutrals as the primary background and white or gray for text and icons. Semantic colors should only be used for alerts, warnings, or status indicators.
The secondary color is GeForce Charcoal, #232323, and the accent is GeForce 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 GeForce's colors consistently when it generates UI.
Make something in the spirit of GeForce
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.