This palette pairs a deep obsidian base with a refined gold and a restrained plum accent to create a minimal system that still feels premium. The neutrals stay crisp and architectural, so the brand reads as luxurious without losing clarity or restraint.
This palette pairs a deep obsidian base with a refined gold and a restrained plum accent to create a minimal system that still feels premium. The neutrals stay crisp and architectural, so the brand reads as luxurious without losing clarity or restraint.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors combine a near-black anchor, a warm metallic highlight, and a muted wine accent to build a luxury system that feels spare but distinctive. Their contrast creates a polished hierarchy that stays elegant rather than ornate.
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 combine a near-black anchor, a warm metallic highlight, and a muted wine accent to build a luxury system that feels spare but distinctive. Their contrast creates a polished hierarchy that stays elegant rather than ornate.
RolesLogo, Btn Primary Bg, Headline
Obsidian gives the brand a grounded, couture-level presence that keeps the palette feeling sleek and exclusive.
#16111322, 17, 19336, 13, 80, 23, 14, 91RolesLink, Btn Outlined Border, Btn Outlined Text
Antique Gold adds a quiet metallic note that signals refinement and creates elegant interaction states without shouting.
#B89A5A184, 154, 9041, 40, 540, 16, 51, 28RolesBtn Secondary Bg
Dusty Plum introduces a restrained warm accent that adds depth and a softer sense of luxury.
#6E4B57110, 75, 87339, 19, 360, 32, 21, 57The support colors extend the palette with subdued warmth and cool balance, so the system feels complete without competing with the core luxury tones. They are intentionally softer than the main colors and work best as subtle UI accents.
RolesIcon, Border
Taupe adds a soft structural layer that supports the main tones while keeping the interface calm and understated.
#8E857B142, 133, 12332, 8, 520, 6, 13, 44RolesDivider, Outline
Sand provides a light, warm separator that maintains the minimal feel and gently bridges dark and light surfaces.
#C9C2B8201, 194, 18435, 14, 750, 3, 8, 21Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F4F1EB244, 241, 23540, 29, 940, 1, 4, 4RolesBg Dark, Text
#10101016, 16, 160, 0, 60, 0, 0, 94Copy 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-obsidian: #161113;
--color-antique-gold: #B89A5A;
--color-dusty-plum: #6E4B57;
--color-taupe: #8E857B;
--color-sand: #C9C2B8;
--color-white: #FFFFFF;
--color-ivory: #F4F1EB;
--color-charcoal: #101010;
}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: #161113;
--role-btn-primary-bg: #161113;
--role-headline: #161113;
--role-link: #B89A5A;
--role-btn-outlined-border: #B89A5A;
--role-btn-outlined-text: #B89A5A;
--role-btn-secondary-bg: #6E4B57;
--role-icon: #8E857B;
--role-border: #8E857B;
--role-divider: #C9C2B8;
--role-outline: #C9C2B8;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #101010;
--role-text: #101010;
}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.{
"obsidian": "#161113",
"antique-gold": "#B89A5A",
"dusty-plum": "#6E4B57",
"taupe": "#8E857B",
"sand": "#C9C2B8",
"white": "#FFFFFF",
"ivory": "#F4F1EB",
"charcoal": "#101010"
}