This palette channels Jensen Huang’s signature black-and-green energy into a sharp, high-contrast system that feels technical, confident, and instantly recognizable. The deep green main color anchors the brand with a premium hardware-and-AI feel, while the supporting green and gold extend the system with warm visibility and understated dimension.
This palette channels Jensen Huang’s signature black-and-green energy into a sharp, high-contrast system that feels technical, confident, and instantly recognizable. The deep green main color anchors the brand with a premium hardware-and-AI feel, while the supporting green and gold extend the system with warm visibility and understated dimension.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors combine deep emerald, vivid green, and bright gold to create a memorable leadership-driven system with strong contrast and a premium technical edge. The palette feels bold and modern without relying on the usual corporate blue.
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 main colors combine deep emerald, vivid green, and bright gold to create a memorable leadership-driven system with strong contrast and a premium technical edge. The palette feels bold and modern without relying on the usual corporate blue.
RolesLogo, Btn Primary Bg, Headline
Emerald gives the brand a commanding, executive presence with a dark, hardware-like depth.
#0B3D2E11, 61, 46162, 69, 1482, 0, 25, 76RolesLink, Btn Secondary Bg, Btn Outlined Border, Btn Outlined Text
Lime Green adds energetic visibility and makes interactive elements feel fast and innovative.
#7ED957126, 217, 87102, 63, 6042, 0, 60, 15Gold introduces a restrained premium accent that adds warmth and signals value without weakening the green identity.
#C8A24A200, 162, 7442, 53, 540, 19, 63, 22The support colors soften the intensity of the main greens and add balance for interface accents and emphasis. They stay subordinate while improving usability and keeping the system polished.
RolesIcon, Border
Sage bridges the saturated greens with a calmer, more adaptable accent for UI structure.
#6E8B74110, 139, 116132, 12, 4921, 0, 17, 45RolesDivider, Outline
Moss Gray provides a muted green-tinted neutral that supports separation and framing without competing for attention.
#A7B8A8167, 184, 168124, 11, 699, 0, 9, 28Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F4F6F2244, 246, 24290, 18, 961, 0, 2, 4RolesBg Dark, Text, Btn Secondary Text
#11111117, 17, 170, 0, 70, 0, 0, 93Copy 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-emerald: #0B3D2E;
--color-lime-green: #7ED957;
--color-gold: #C8A24A;
--color-sage: #6E8B74;
--color-moss-gray: #A7B8A8;
--color-white: #FFFFFF;
--color-ivory: #F4F6F2;
--color-charcoal: #111111;
}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: #0B3D2E;
--role-btn-primary-bg: #0B3D2E;
--role-headline: #0B3D2E;
--role-link: #7ED957;
--role-btn-secondary-bg: #7ED957;
--role-btn-outlined-border: #7ED957;
--role-btn-outlined-text: #7ED957;
--role-icon: #6E8B74;
--role-border: #6E8B74;
--role-divider: #A7B8A8;
--role-outline: #A7B8A8;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-bg-dark: #111111;
--role-text: #111111;
--role-btn-secondary-text: #111111;
}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.{
"emerald": "#0B3D2E",
"lime-green": "#7ED957",
"gold": "#C8A24A",
"sage": "#6E8B74",
"moss-gray": "#A7B8A8",
"white": "#FFFFFF",
"ivory": "#F4F6F2",
"charcoal": "#111111"
}