This palette combines bold Jack Black with vibrant Red and deep Burgundy to create a powerful, confident identity. The main colors balance strong, attention-grabbing hues with rich undertones for diverse digital and branding applications.
This palette combines bold Jack Black with vibrant Red and deep Burgundy to create a powerful, confident identity. The main colors balance strong, attention-grabbing hues with rich undertones for diverse digital and branding applications.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The brand's main colors combine Jack Black, vibrant Red, and Burgundy to establish a striking and memorable visual system that conveys confidence and sophistication.
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 brand's main colors combine Jack Black, vibrant Red, and Burgundy to establish a striking and memorable visual system that conveys confidence and sophistication.
RolesLogo, Btn Primary Bg
Jack Black provides a deep, strong foundation that signifies sophistication and timelessness.
#0A0A0A10, 10, 100, 0, 40, 0, 0, 96RolesLink, Btn Outlined Border, Btn Outlined Text, Btn Secondary Bg
Crimson Red commands attention and conveys passion and energy, making it ideal for interaction elements.
#D62828214, 40, 400, 69, 500, 81, 81, 16RolesHeadline
Burgundy adds depth and refinement to the palette, balancing the vibrant red with a mature tone.
#7B1F2E123, 31, 46350, 60, 300, 75, 63, 52The support colors extend the main palette with rich Taupe Brown and muted Charcoal Gray, reinforcing the main colors while maintaining visual harmony and usability.
RolesIcon, Border, Divider, Outline
Taupe Brown complements the reds with subtle warmth, providing understated accents that support main elements without competition.
#805D4D128, 93, 7719, 25, 400, 27, 40, 50Charcoal Gray offers a neutral but strong counterbalance to the bright and deep reds, enhancing contrast and usability.
#3A3A3A58, 58, 580, 0, 230, 0, 0, 77Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark
#F5F5F5245, 245, 2450, 0, 960, 0, 0, 4RolesText
#1A1A1A26, 26, 260, 0, 100, 0, 0, 90Copy 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-jack-black: #0A0A0A;
--color-crimson-red: #D62828;
--color-burgundy: #7B1F2E;
--color-taupe-brown: #805D4D;
--color-charcoal-gray: #3A3A3A;
--color-pure-white: #FFFFFF;
--color-ivory: #F5F5F5;
--color-rich-black: #1A1A1A;
}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: #0A0A0A;
--role-btn-primary-bg: #0A0A0A;
--role-link: #D62828;
--role-btn-outlined-border: #D62828;
--role-btn-outlined-text: #D62828;
--role-btn-secondary-bg: #D62828;
--role-headline: #7B1F2E;
--role-icon: #805D4D;
--role-border: #805D4D;
--role-divider: #805D4D;
--role-outline: #805D4D;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #F5F5F5;
--role-text: #1A1A1A;
}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.{
"jack-black": "#0A0A0A",
"crimson-red": "#D62828",
"burgundy": "#7B1F2E",
"taupe-brown": "#805D4D",
"charcoal-gray": "#3A3A3A",
"pure-white": "#FFFFFF",
"ivory": "#F5F5F5",
"rich-black": "#1A1A1A"
}