This palette channels Lamborghini's signature supercar energy with a vivid yellow core, an aggressive orange-red accent, and a restrained black-gray support system. The result feels fast, premium, and unmistakably automotive while staying usable across branding and digital interfaces.
This palette channels Lamborghini's signature supercar energy with a vivid yellow core, an aggressive orange-red accent, and a restrained black-gray support system. The result feels fast, premium, and unmistakably automotive while staying usable across branding and digital interfaces.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors combine Lamborghini-style yellow and red-orange for instant supercar recognition and a sense of speed, heat, and motion. Together they create a bold, high-contrast system that feels premium without losing the brand’s iconic energy.
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 Lamborghini-style yellow and red-orange for instant supercar recognition and a sense of speed, heat, and motion. Together they create a bold, high-contrast system that feels premium without losing the brand’s iconic energy.
RolesLogo, Btn Primary Bg
This vivid yellow delivers the brand’s most recognizable signature and gives the system a sharp, performance-driven edge.
#F4D000244, 208, 051, 100, 480, 15, 100, 4RolesLink, Btn Secondary Bg, Btn Outlined Border
This red-orange adds torque and urgency, giving secondary actions and interactive elements a more aggressive automotive character.
#E63B2E230, 59, 464, 79, 540, 74, 80, 10RolesHeadline
This near-black provides visual authority for large type and keeps the palette grounded in a premium performance tone.
#12121218, 18, 180, 0, 70, 0, 0, 93The support colors extend the main palette with darker metallic notes that feel engineered rather than decorative. They soften the intensity of the primaries while preserving a focused, track-ready mood.
RolesIcon, Border, Divider
This slate gray balances the hot main colors with an automotive-metal finish that works well for UI structure.
#5B646E91, 100, 110212, 9, 3917, 9, 0, 57RolesOutline
This cooler gray keeps outlines subtle and technical, helping the palette feel precise instead of loud.
#8A8F93138, 143, 147207, 4, 566, 3, 0, 42Utility colors for backgrounds, text, borders, and balance.
RolesBg Light
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBtn Outlined Text
#F2F2EE242, 242, 23860, 13, 940, 0, 2, 5RolesBg Dark, Text, Btn Primary Text, Btn Secondary Text
#0B0B0B11, 11, 110, 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-giallo: #F4D000;
--color-rosso: #E63B2E;
--color-charcoal: #121212;
--color-slate: #5B646E;
--color-steel: #8A8F93;
--color-white: #FFFFFF;
--color-ivory: #F2F2EE;
--color-black: #0B0B0B;
}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: #F4D000;
--role-btn-primary-bg: #F4D000;
--role-link: #E63B2E;
--role-btn-secondary-bg: #E63B2E;
--role-btn-outlined-border: #E63B2E;
--role-headline: #121212;
--role-icon: #5B646E;
--role-border: #5B646E;
--role-divider: #5B646E;
--role-outline: #8A8F93;
--role-bg-light: #FFFFFF;
--role-btn-outlined-text: #F2F2EE;
--role-bg-dark: #0B0B0B;
--role-text: #0B0B0B;
--role-btn-primary-text: #0B0B0B;
--role-btn-secondary-text: #0B0B0B;
}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.{
"giallo": "#F4D000",
"rosso": "#E63B2E",
"charcoal": "#121212",
"slate": "#5B646E",
"steel": "#8A8F93",
"white": "#FFFFFF",
"ivory": "#F2F2EE",
"black": "#0B0B0B"
}