This palette pairs a rich plum, a warm gold, and a deep teal to capture Oprah-inspired warmth, authority, and optimism. The system feels uplifting and credible at once, with accents and neutrals that keep the brand polished across media and interface use.
This palette pairs a rich plum, a warm gold, and a deep teal to capture Oprah-inspired warmth, authority, and optimism. The system feels uplifting and credible at once, with accents and neutrals that keep the brand polished across media and interface use.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors combine a regal plum with a golden accent and a deep teal counterpoint, creating a recognizable system that feels both inspiring and grounded. The contrast between warmth and depth gives the palette presence without losing approachability.
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 regal plum with a golden accent and a deep teal counterpoint, creating a recognizable system that feels both inspiring and grounded. The contrast between warmth and depth gives the palette presence without losing approachability.
RolesLogo, Btn Primary Bg
Plum delivers the signature voice of the brand with confidence, warmth, and a sense of dignity.
#6A1B4D106, 27, 77322, 59, 260, 75, 27, 58RolesBtn Secondary Bg, Headline
Gold adds optimism and prestige, giving the palette a bright, uplifting note that stands out in key moments.
#D4A017212, 160, 2343, 80, 460, 25, 89, 17RolesLink, Btn Outlined Border, Btn Outlined Text
Teal brings calm balance and modern clarity, helping the system feel credible and visually complete.
#0F6B6E15, 107, 110182, 76, 2586, 3, 0, 57The support colors extend the main palette with softer, quieter tones that improve flexibility without competing for attention. They reinforce the warm, refined mood and provide subtle contrast for UI elements and brand backgrounds.
RolesIcon, Border
Dusty Rose softens the palette with a muted warmth that bridges the plum and gold cleanly.
#B57A84181, 122, 132350, 29, 590, 33, 27, 29RolesDivider, Outline
Sage Gray adds a restrained green-gray tone that supports structure while staying visually understated.
#7D8C87125, 140, 135160, 6, 5211, 0, 4, 45Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F5F1EA245, 241, 23438, 35, 940, 2, 4, 4RolesBg Dark, Text, Btn Secondary Text
#1B1B1F27, 27, 31240, 7, 1113, 13, 0, 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-plum: #6A1B4D;
--color-gold: #D4A017;
--color-teal: #0F6B6E;
--color-dusty-rose: #B57A84;
--color-sage-gray: #7D8C87;
--color-white: #FFFFFF;
--color-ivory: #F5F1EA;
--color-charcoal: #1B1B1F;
}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: #6A1B4D;
--role-btn-primary-bg: #6A1B4D;
--role-btn-secondary-bg: #D4A017;
--role-headline: #D4A017;
--role-link: #0F6B6E;
--role-btn-outlined-border: #0F6B6E;
--role-btn-outlined-text: #0F6B6E;
--role-icon: #B57A84;
--role-border: #B57A84;
--role-divider: #7D8C87;
--role-outline: #7D8C87;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-bg-dark: #1B1B1F;
--role-text: #1B1B1F;
--role-btn-secondary-text: #1B1B1F;
}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.{
"plum": "#6A1B4D",
"gold": "#D4A017",
"teal": "#0F6B6E",
"dusty-rose": "#B57A84",
"sage-gray": "#7D8C87",
"white": "#FFFFFF",
"ivory": "#F5F1EA",
"charcoal": "#1B1B1F"
}