This palette channels Frank Sinatra’s polished, late-night charisma through a tailored mix of classic navy, crimson, and gold. The colors feel glamorous and timeless without becoming costume-like, giving the brand a lounge-ready identity that can flex across editorial, hospitality, and lifestyle applications.
This palette channels Frank Sinatra’s polished, late-night charisma through a tailored mix of classic navy, crimson, and gold. The colors feel glamorous and timeless without becoming costume-like, giving the brand a lounge-ready identity that can flex across editorial, hospitality, and lifestyle applications.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors pair midnight navy with velvet crimson and muted brass gold, creating a recognizable Sinatra-era balance of tuxedo polish, stage presence, and warm spotlight energy. Together they read as cinematic and refined, with enough contrast to feel both elegant and alive.
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 pair midnight navy with velvet crimson and muted brass gold, creating a recognizable Sinatra-era balance of tuxedo polish, stage presence, and warm spotlight energy. Together they read as cinematic and refined, with enough contrast to feel both elegant and alive.
RolesLogo, Link, Headline
Midnight Navy gives the palette its tailored foundation and evokes a tuxedo-dark elegance.
#18253D24, 37, 61219, 44, 1761, 39, 0, 76RolesBtn Primary Bg
Velvet Crimson adds crooner warmth and a confident stage-lit intensity that feels unmistakably Sinatra-inspired.
#8B1E3F139, 30, 63342, 64, 330, 78, 55, 45RolesBtn Secondary Bg, Btn Outlined Border, Btn Outlined Text
Brass Gold brings a subtle spotlight sheen that softens the palette and reinforces the classic lounge atmosphere.
#C69C4B198, 156, 7540, 52, 540, 21, 62, 22The support colors extend the main palette with restrained, smoky accents that keep the system cohesive and practical. They add depth and visual pacing without competing with the primary Sinatra-inspired tones.
RolesIcon, Border
Smoky Slate supports navigation and structure with a calm, understated coolness.
#6D7B86109, 123, 134206, 10, 4819, 8, 0, 47RolesDivider
Dusty Rose echoes the crimson family in a softer register, helping transitions feel warm rather than stark.
#A56A73165, 106, 115351, 25, 530, 36, 30, 35Utility colors for backgrounds, text, borders, and balance.
RolesBg Light
#F7F4EE247, 244, 23840, 36, 950, 1, 4, 3RolesBtn Primary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark, Outline, Text, Btn Secondary 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-midnight-navy: #18253D;
--color-velvet-crimson: #8B1E3F;
--color-brass-gold: #C69C4B;
--color-smoky-slate: #6D7B86;
--color-dusty-rose: #A56A73;
--color-ivory: #F7F4EE;
--color-white: #FFFFFF;
--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: #18253D;
--role-link: #18253D;
--role-headline: #18253D;
--role-btn-primary-bg: #8B1E3F;
--role-btn-secondary-bg: #C69C4B;
--role-btn-outlined-border: #C69C4B;
--role-btn-outlined-text: #C69C4B;
--role-icon: #6D7B86;
--role-border: #6D7B86;
--role-divider: #A56A73;
--role-bg-light: #F7F4EE;
--role-btn-primary-text: #FFFFFF;
--role-bg-dark: #111111;
--role-outline: #111111;
--role-text: #111111;
--role-btn-secondary-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.{
"midnight-navy": "#18253D",
"velvet-crimson": "#8B1E3F",
"brass-gold": "#C69C4B",
"smoky-slate": "#6D7B86",
"dusty-rose": "#A56A73",
"ivory": "#F7F4EE",
"white": "#FFFFFF",
"charcoal": "#111111"
}