This palette pairs luminous rose tones with a deep stage-plum and soft champagne neutrals to reflect Celine Dion’s elegance, emotional range, and timeless performance presence. The system feels romantic and polished while still staying practical for digital use and brand identity.
This palette pairs luminous rose tones with a deep stage-plum and soft champagne neutrals to reflect Celine Dion’s elegance, emotional range, and timeless performance presence. The system feels romantic and polished while still staying practical for digital use and brand identity.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors combine rose, plum, and a softened gold-rose accent to mirror a dramatic yet graceful stage aesthetic. Together they create a recognizable luxury system that feels expressive, polished, and emotionally resonant.
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 rose, plum, and a softened gold-rose accent to mirror a dramatic yet graceful stage aesthetic. Together they create a recognizable luxury system that feels expressive, polished, and emotionally resonant.
RolesLogo, Btn Primary Bg
Rose Rouge brings the palette its signature warmth and emotional immediacy, echoing a powerful vocal presence.
#C94B7A201, 75, 122338, 54, 540, 63, 39, 21RolesHeadline, Btn Secondary Bg
Plum Velvet adds depth and formality, giving the system a rich stage-light contrast and a more intimate luxury tone.
#5A244D90, 36, 77314, 43, 250, 60, 14, 65RolesLink, Btn Outlined Border, Btn Outlined Text
Champagne Amber provides a radiant accent that feels celebratory and refined without competing with the stronger rose and plum anchors.
#D6A15E214, 161, 9434, 59, 600, 25, 56, 16These accents extend the main palette with subdued tonal support and subtle structure. They stay quiet, helping the rose and plum feel more dimensional rather than introducing a new visual direction.
RolesIcon, Outline
Mauve Smoke softens the contrast between the main colors and the neutrals while keeping the mood elegant and composed.
#8E6A7A142, 106, 122333, 15, 490, 25, 14, 44RolesBorder, Divider
Heather Mist adds a gentle cool balance that works well for interface structure and secondary accents.
#B9A3C7185, 163, 199277, 24, 717, 18, 0, 22Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F4EEE8244, 238, 23230, 35, 930, 2, 5, 4RolesBg Dark, Text
#1F1A1D31, 26, 29324, 9, 110, 16, 6, 88Copy 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-rose-rouge: #C94B7A;
--color-plum-velvet: #5A244D;
--color-champagne-amber: #D6A15E;
--color-mauve-smoke: #8E6A7A;
--color-heather-mist: #B9A3C7;
--color-white: #FFFFFF;
--color-ivory: #F4EEE8;
--color-charcoal: #1F1A1D;
}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: #C94B7A;
--role-btn-primary-bg: #C94B7A;
--role-headline: #5A244D;
--role-btn-secondary-bg: #5A244D;
--role-link: #D6A15E;
--role-btn-outlined-border: #D6A15E;
--role-btn-outlined-text: #D6A15E;
--role-icon: #8E6A7A;
--role-outline: #8E6A7A;
--role-border: #B9A3C7;
--role-divider: #B9A3C7;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #1F1A1D;
--role-text: #1F1A1D;
}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.{
"rose-rouge": "#C94B7A",
"plum-velvet": "#5A244D",
"champagne-amber": "#D6A15E",
"mauve-smoke": "#8E6A7A",
"heather-mist": "#B9A3C7",
"white": "#FFFFFF",
"ivory": "#F4EEE8",
"charcoal": "#1F1A1D"
}