NVIDIA color palette
TechNVIDIA's color system is defined by its signature green, complemented by deep blacks and neutral grays for a high-tech, performance-oriented look. The palette is consistent across digital, hardware, and event branding.
nvidia.comNVIDIA colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- NVIDIA GreenPrimary118, 185, 0
- NVIDIA BlackSecondary0, 0, 0
- NVIDIA WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- NVIDIA Dark GrayBackground26, 26, 26
- NVIDIA Surface GraySurface38, 38, 38
- NVIDIA Border GrayBorder60, 60, 60
Text
Three tiers of copy.- NVIDIA Primary TextText255, 255, 255
- NVIDIA Secondary TextSecondary text179, 179, 179
- NVIDIA Muted TextMuted text122, 122, 122
Semantic
Feedback and state colors.- NVIDIA Green SuccessSuccess118, 185, 0
- NVIDIA Warning YellowWarning255, 209, 0
- NVIDIA Error RedError229, 57, 53
- NVIDIA Info BlueInfo0, 177, 231
Use NVIDIA's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
nvidia-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B1E7;
--error: #E53935;
--accent: #FFFFFF;
--border: #3C3C3C;
--primary: #76B900;
--success: #76B900;
--surface: #262626;
--warning: #FFD100;
--secondary: #000000;
--text-muted: #7A7A7A;
--background: #1A1A1A;
--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
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.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
4.1:1
Pass
Muted text on surface
Needs 3:1 for large text
3.5:1
Pass
NVIDIA gray, dark and neutral colors
NVIDIA 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.
- NVIDIA Dark GrayBackground
- HEX
- RGB
- HSL
- NVIDIA Surface GraySurface
- HEX
- RGB
- HSL
- NVIDIA Border GrayBorder
- HEX
- RGB
- HSL
- NVIDIA Primary TextText
- HEX
- RGB
- HSL
- NVIDIA Secondary TextSecondary text
- HEX
- RGB
- HSL
- NVIDIA Muted TextMuted text
- HEX
- RGB
- HSL
About NVIDIA's colors
NVIDIA's palette is anchored by a vivid green, contrasted with deep black and neutral grays for clarity and modernity. The use of high-contrast colors ensures strong brand recognition and legibility.
Primary green is paired with black for maximum contrast.
Neutral grays support UI clarity and hierarchy.
Accent white is used for highlights and text.
Psychology
The green suggests innovation, growth, and energy, aligning with NVIDIA's tech-forward identity. Black and gray tones reinforce a sense of professionalism and high performance.
Evolution
NVIDIA's core palette has remained stable, with green and black as constants since the early 2000s. Minor adjustments to gray tones have been made for digital accessibility and UI clarity.
Where NVIDIA uses each color
- Primary
NVIDIA Green is used in the logo, key buttons, and call-to-action highlights.
- Secondary
NVIDIA Black is the dominant background for websites, packaging, and event materials.
- Accent
NVIDIA White appears in text, icons, and as a contrasting element in UI components.
- Backgrounds
NVIDIA Dark Gray is used for web and app backgrounds to reduce eye strain and enhance contrast.
- Text
Primary and secondary text colors are used for headlines, body copy, and navigation labels.
- Semantic
Success, warning, error, and info colors are used for UI feedback, notifications, and system statuses.
NVIDIA color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official NVIDIA primary color is #76B900, known as NVIDIA Green.
NVIDIA Green (#76B900) is RGB(118, 185, 0) and CMYK(36, 0, 100, 0).
NVIDIA uses #1A1A1A (NVIDIA Dark Gray) and #262626 (NVIDIA Surface Gray) for backgrounds and UI surfaces.
Use NVIDIA Green (#76B900) for brand marks and highlights, with black and gray for backgrounds and white for text and accents. Maintain high contrast for accessibility and brand consistency.
The secondary color is NVIDIA Black, #000000, and the accent is NVIDIA 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 NVIDIA's colors consistently when it generates UI.
Make something in the spirit of NVIDIA
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.