This palette mirrors the luxurious and sophisticated mood of the provided image using deep blacks and rich gold that conveys elegant warmth and exclusivity without the dark oxblood accent.
This palette mirrors the luxurious and sophisticated mood of the provided image using deep blacks and rich gold that conveys elegant warmth and exclusivity without the dark oxblood accent.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors feature a deep Charcoal black paired with an opulent Rich Gold, crafting a classic and recognizable luxury contrast that evokes exclusivity and timeless 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 main colors feature a deep Charcoal black paired with an opulent Rich Gold, crafting a classic and recognizable luxury contrast that evokes exclusivity and timeless sophistication.
RolesLogo, Btn Primary Bg, Headline
Charcoal provides a deep, almost matte black that grounds the palette with sophistication and solidity.
#1C1C1C28, 28, 280, 0, 110, 0, 0, 89RolesLink, Btn Secondary Bg, Btn Outlined Border, Btn Outlined Text
Rich Gold offers a luminous, warm metallic tone that conveys luxury, quality, and exclusivity.
#C6A664198, 166, 10040, 46, 580, 16, 49, 22Supporting colors extend the main palette with muted dark brown and soft cream to add visual balance and warmth while maintaining the luxurious tone without introducing competing hues.
RolesIcon, Border, Divider, Outline
Dark Walnut complements the Charcoal by adding a soft, warm wood-like tone that enhances the palette's richness without overpowering it.
#4A3C3174, 60, 4926, 20, 240, 19, 34, 71RolesBg Light
Soft Ivory provides a gentle near-white background that improves readability and offsets the dark tones with subtle warmth.
#EEE6D8238, 230, 21638, 39, 890, 3, 9, 7Utility colors for backgrounds, text, borders, and balance.
RolesBtn Primary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F6F2ED246, 242, 23733, 33, 950, 2, 4, 4RolesBg Dark, Text, Btn Secondary Text
#12121218, 18, 180, 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-charcoal: #1C1C1C;
--color-rich-gold: #C6A664;
--color-dark-walnut: #4A3C31;
--color-soft-ivory: #EEE6D8;
--color-pure-white: #FFFFFF;
--color-near-white: #F6F2ED;
--color-rich-black: #121212;
}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: #1C1C1C;
--role-btn-primary-bg: #1C1C1C;
--role-headline: #1C1C1C;
--role-link: #C6A664;
--role-btn-secondary-bg: #C6A664;
--role-btn-outlined-border: #C6A664;
--role-btn-outlined-text: #C6A664;
--role-icon: #4A3C31;
--role-border: #4A3C31;
--role-divider: #4A3C31;
--role-outline: #4A3C31;
--role-bg-light: #EEE6D8;
--role-btn-primary-text: #FFFFFF;
--role-bg-dark: #121212;
--role-text: #121212;
--role-btn-secondary-text: #121212;
}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.{
"charcoal": "#1C1C1C",
"rich-gold": "#C6A664",
"dark-walnut": "#4A3C31",
"soft-ivory": "#EEE6D8",
"pure-white": "#FFFFFF",
"near-white": "#F6F2ED",
"rich-black": "#121212"
}