This palette pairs stark black-and-white contrast with a tense, high-impact red to reflect an Eminem-inspired identity that feels raw, confrontational, and instantly recognizable. The supporting tones add restrained grit and metal-like balance so the system works across bold branding and sharp digital interfaces.
This palette pairs stark black-and-white contrast with a tense, high-impact red to reflect an Eminem-inspired identity that feels raw, confrontational, and instantly recognizable. The supporting tones add restrained grit and metal-like balance so the system works across bold branding and sharp digital interfaces.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors combine severe neutrals with a sharp red accent to mirror a confrontational, high-contrast stage presence. The palette feels direct and memorable because the red cuts through the black-and-white foundation without softening the 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 severe neutrals with a sharp red accent to mirror a confrontational, high-contrast stage presence. The palette feels direct and memorable because the red cuts through the black-and-white foundation without softening the energy.
RolesLogo, Btn Primary Bg
Crimson supplies the aggressive focal point and gives the brand a confident, confrontational edge.
#E10600225, 6, 02, 100, 440, 97, 100, 12RolesBtn Secondary Bg, Headline, Link
Black anchors the system with intensity and keeps the palette grounded in stark, uncompromising contrast.
#0000000, 0, 00, 0, 00, 0, 0, 100RolesBtn Outlined Border, Btn Outlined Text
Ivory preserves readability on dark surfaces and keeps the outlined treatment clean rather than decorative.
#F5F5F5245, 245, 2450, 0, 960, 0, 0, 4The support colors extend the main trio with muted metallic and smoky tones that reinforce grit without distracting from the core contrast. They add structure for interface elements and secondary emphasis while staying visually subordinate.
RolesIcon, Border
Slate adds a practical mid-tone for UI structure and softens the jump between black and white.
#7A7A7A122, 122, 1220, 0, 480, 0, 0, 52RolesDivider, Outline
Stone introduces a subdued, worn-metal feel that supports the palette without competing with the red.
#B0A8A0176, 168, 16030, 9, 660, 5, 9, 31Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark, Text
#11111117, 17, 170, 0, 70, 0, 0, 93#D9D9D9217, 217, 2170, 0, 850, 0, 0, 15Copy 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-crimson: #E10600;
--color-black: #000000;
--color-ivory: #F5F5F5;
--color-slate: #7A7A7A;
--color-stone: #B0A8A0;
--color-white: #FFFFFF;
--color-charcoal: #111111;
--color-silver: #D9D9D9;
}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: #E10600;
--role-btn-primary-bg: #E10600;
--role-btn-secondary-bg: #000000;
--role-headline: #000000;
--role-link: #000000;
--role-btn-outlined-border: #F5F5F5;
--role-btn-outlined-text: #F5F5F5;
--role-icon: #7A7A7A;
--role-border: #7A7A7A;
--role-divider: #B0A8A0;
--role-outline: #B0A8A0;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #111111;
--role-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.{
"crimson": "#E10600",
"black": "#000000",
"ivory": "#F5F5F5",
"slate": "#7A7A7A",
"stone": "#B0A8A0",
"white": "#FFFFFF",
"charcoal": "#111111",
"silver": "#D9D9D9"
}