This palette channels 50 Cent’s bold, street-level confidence with a hard-edged black-and-red core, then adds a gold accent for presence and a steel blue note for balance. The system feels aggressive, premium, and unmistakably performance-driven without losing digital usability.
This palette channels 50 Cent’s bold, street-level confidence with a hard-edged black-and-red core, then adds a gold accent for presence and a steel blue note for balance. The system feels aggressive, premium, and unmistakably performance-driven without losing digital usability.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
Black and red create the core identity, while gold adds a high-value accent that reinforces a powerful, performance-first look. The mix feels iconic and immediate, with enough contrast to work across both branding and interface applications.
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.
Black and red create the core identity, while gold adds a high-value accent that reinforces a powerful, performance-first look. The mix feels iconic and immediate, with enough contrast to work across both branding and interface applications.
RolesLogo, Btn Primary Bg
Crimson delivers the aggressive energy and recognizability that anchors the brand.
#A5001D165, 0, 29349, 100, 320, 100, 82, 35RolesBtn Secondary Bg, Headline
Charcoal adds toughness and visual weight, giving the palette a serious street-luxury edge.
#0B0B0D11, 11, 13240, 8, 515, 15, 0, 95The accents extend the core by adding restrained richness and cooler structure without competing with the main red-and-black identity. They support hierarchy, usability, and a more polished finish.
RolesBtn Outlined Border, Btn Outlined Text, Icon
Gold adds premium contrast and makes key accents feel elevated without overpowering the core palette.
#C8A24A200, 162, 7442, 53, 540, 19, 63, 22RolesLink, Border, Divider, Outline
Slate Blue cools the palette slightly and gives interface elements a controlled, readable support tone.
#5C6F7E92, 111, 126206, 16, 4327, 12, 0, 51Utility colors for backgrounds, text, borders, and balance.
RolesBtn Primary Text, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Light
#F3F1EC243, 241, 23643, 23, 940, 1, 3, 5RolesBg Dark, 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-crimson: #A5001D;
--color-charcoal: #0B0B0D;
--color-gold: #C8A24A;
--color-slate-blue: #5C6F7E;
--color-white: #FFFFFF;
--color-ivory: #F3F1EC;
--color-black: #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: #A5001D;
--role-btn-primary-bg: #A5001D;
--role-btn-secondary-bg: #0B0B0D;
--role-headline: #0B0B0D;
--role-btn-outlined-border: #C8A24A;
--role-btn-outlined-text: #C8A24A;
--role-icon: #C8A24A;
--role-link: #5C6F7E;
--role-border: #5C6F7E;
--role-divider: #5C6F7E;
--role-outline: #5C6F7E;
--role-btn-primary-text: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-light: #F3F1EC;
--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": "#A5001D",
"charcoal": "#0B0B0D",
"gold": "#C8A24A",
"slate-blue": "#5C6F7E",
"white": "#FFFFFF",
"ivory": "#F3F1EC",
"black": "#111111"
}