This Jazz-inspired palette pairs rich improvisational tones with warm, smoky neutrals for a look that feels expressive yet composed. The main colors create a recognizable rhythm of stage-light gold, deep midnight, and sultry burgundy, while the support colors add subtle brass and velvet accents without overpowering the system.
This Jazz-inspired palette pairs rich improvisational tones with warm, smoky neutrals for a look that feels expressive yet composed. The main colors create a recognizable rhythm of stage-light gold, deep midnight, and sultry burgundy, while the support colors add subtle brass and velvet accents without overpowering the system.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors balance brass gold, midnight blue, and burgundy to echo the layered rhythm of a jazz ensemble. Together they feel classic, expressive, and distinctive enough to anchor both branding and interface moments.
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 balance brass gold, midnight blue, and burgundy to echo the layered rhythm of a jazz ensemble. Together they feel classic, expressive, and distinctive enough to anchor both branding and interface moments.
RolesLogo, Btn Primary Bg
Brass Gold brings the bright, iconic note that makes the brand feel alive and performance-ready.
#C89B3C200, 155, 6041, 56, 510, 23, 70, 22RolesLink, Headline
Midnight Blue adds depth and refinement, giving the palette a cool anchor that supports trust and contrast.
#1F2A4431, 42, 68222, 37, 1954, 38, 0, 73RolesBtn Secondary Bg, Btn Outlined Border, Btn Outlined Text
Burgundy introduces a moody, intimate counterpoint that feels smoky, human, and distinctly jazz-driven.
#7A2949122, 41, 73336, 50, 320, 66, 40, 52The support colors add subdued brass and dusky violet tones that extend the main palette into surfaces and accents. They stay quieter than the core trio, helping the system feel layered without competing for attention.
RolesIcon, Border
Tawny Bronze softens the gold into a useful accent that works well for icons and fine structural details.
#A67C52166, 124, 8230, 34, 490, 25, 51, 35RolesDivider, Outline
Dusty Lavender bridges the blue and burgundy notes with a muted, atmospheric accent that suits subtle UI separation.
#6E5A8A110, 90, 138265, 21, 4520, 35, 0, 46Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F3F0EA243, 240, 23440, 27, 940, 1, 4, 5RolesBg Dark, Text, Btn Primary 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-brass-gold: #C89B3C;
--color-midnight-blue: #1F2A44;
--color-burgundy: #7A2949;
--color-tawny-bronze: #A67C52;
--color-dusty-lavender: #6E5A8A;
--color-white: #FFFFFF;
--color-ivory: #F3F0EA;
--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: #C89B3C;
--role-btn-primary-bg: #C89B3C;
--role-link: #1F2A44;
--role-headline: #1F2A44;
--role-btn-secondary-bg: #7A2949;
--role-btn-outlined-border: #7A2949;
--role-btn-outlined-text: #7A2949;
--role-icon: #A67C52;
--role-border: #A67C52;
--role-divider: #6E5A8A;
--role-outline: #6E5A8A;
--role-bg-light: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #111111;
--role-text: #111111;
--role-btn-primary-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.{
"brass-gold": "#C89B3C",
"midnight-blue": "#1F2A44",
"burgundy": "#7A2949",
"tawny-bronze": "#A67C52",
"dusty-lavender": "#6E5A8A",
"white": "#FFFFFF",
"ivory": "#F3F0EA",
"charcoal": "#111111"
}