A high-contrast NVIDIA-inspired system built around the brand’s signature electric green, grounded by deep graphite and a crisp white neutral set. The palette feels technical and premium while staying practical for UI, with a vivid accent color used sparingly for recognition and a restrained support
A high-contrast NVIDIA-inspired system built around the brand’s signature electric green, grounded by deep graphite and a crisp white neutral set. The palette feels technical and premium while staying practical for UI, with a vivid accent color used sparingly for recognition and a restrained support
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The palette centers on NVIDIA’s recognizable neon green and pairs it with a deep carbon neutral and a precise bright white, creating immediate brand recognition with strong interface clarity. The relationship is intentionally simple and own
Clear roles create a consistent brand experience.Assign existing palette colors to brand, typography, and interface roles.
A compact view of the brand, support, and neutral colors that make up this system.
The palette centers on NVIDIA’s recognizable neon green and pairs it with a deep carbon neutral and a precise bright white, creating immediate brand recognition with strong interface clarity. The relationship is intentionally simple and own
RolesLogo, Btn Primary Bg, Headline
The signature brand green drives recognition and gives the palette its unmistakable NVIDIA-like identity.
#76B900118, 185, 082, 100, 3636, 0, 100, 27RolesBg Dark, Link, Btn Secondary Bg
A deep base that makes the bright green feel sharper and more premium in UI and brand applications.
#11111117, 17, 170, 0, 70, 0, 0, 93RolesBg Light
A clean light field that supports layout clarity and keeps the interface feeling crisp against the dark base.
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0Muted slate and olive-tinted support accents extend the main green without competing with it, adding structure for interface states and subtle emphasis. They stay quieter than the主
RolesIcon, Border
A subdued green-gray that reinforces the core hue while staying calm enough for UI structure.
#4A5B4F74, 91, 79138, 10, 3219, 0, 13, 64RolesDivider, Outline
A restrained muted green accent that adds subtle layering and keeps fine details aligned to the brand mood.
#8AA26A138, 162, 10686, 23, 5315, 0, 35, 36Utility colors for backgrounds, text, borders, and balance.
RolesBtn Outlined Border, Btn Outlined Text, Btn Secondary Text
#F5F5F5245, 245, 2450, 0, 960, 0, 0, 4#D9D9D9217, 217, 2170, 0, 850, 0, 0, 15RolesText, Btn Primary Text
#0A0A0A10, 10, 100, 0, 40, 0, 0, 96Copy palette values for design systems, websites, and client handoff.
Use these in CSS when you want every raw palette color available by name. Best for websites, landing pages, and design system variables.
Use when: you need the actual colors.:root {
--color-nvidia-green: #76B900;
--color-carbon-black: #111111;
--color-pure-white: #FFFFFF;
--color-slate-moss: #4A5B4F;
--color-soft-circuit: #8AA26A;
--color-near-white: #F5F5F5;
--color-light-gray: #D9D9D9;
--color-deep-ink: #0A0A0A;
}Use these in CSS when colors are assigned to practical jobs like text, buttons, borders, links, and backgrounds.
Use when: you need UI roles, not just swatches.:root {
--role-logo: #76B900;
--role-btn-primary-bg: #76B900;
--role-headline: #76B900;
--role-bg-dark: #111111;
--role-link: #111111;
--role-btn-secondary-bg: #111111;
--role-bg-light: #FFFFFF;
--role-icon: #4A5B4F;
--role-border: #4A5B4F;
--role-divider: #8AA26A;
--role-outline: #8AA26A;
--role-btn-outlined-border: #F5F5F5;
--role-btn-outlined-text: #F5F5F5;
--role-btn-secondary-text: #F5F5F5;
--role-text: #0A0A0A;
--role-btn-primary-text: #0A0A0A;
}Use this structured palette data in apps, generators, plugins, or tools that need to read the palette programmatically.
Use when: a developer or app needs data.{
"nvidia-green": "#76B900",
"carbon-black": "#111111",
"pure-white": "#FFFFFF",
"slate-moss": "#4A5B4F",
"soft-circuit": "#8AA26A",
"near-white": "#F5F5F5",
"light-gray": "#D9D9D9",
"deep-ink": "#0A0A0A"
}