This palette channels Rihanna’s confident, fashion-forward energy with a dramatic red core, a luxe plum accent, and a smoky charcoal base. The combination feels bold and editorial while staying versatile enough for beauty, music, and premium lifestyle branding.
This palette channels Rihanna’s confident, fashion-forward energy with a dramatic red core, a luxe plum accent, and a smoky charcoal base. The combination feels bold and editorial while staying versatile enough for beauty, music, and premium lifestyle branding.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors pair a commanding crimson with a saturated plum and a restrained violet-red tension, creating a high-contrast system that feels glamorous and unmistakably stage-ready. The relationship is vivid enough to feel iconic, yet controlled enough to work across brand and interface use.
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 a commanding crimson with a saturated plum and a restrained violet-red tension, creating a high-contrast system that feels glamorous and unmistakably stage-ready. The relationship is vivid enough to feel iconic, yet controlled enough to work across brand and interface use.
RolesLogo, Btn Primary Bg
Crimson delivers the boldest Rihanna-like signature and gives the brand instant visual authority.
#C1122F193, 18, 47350, 83, 410, 91, 76, 24RolesHeadline, Btn Secondary Bg
Plum adds a sultry, fashion-led depth that softens the intensity without losing drama.
#6B1F4B107, 31, 75325, 55, 270, 71, 30, 58RolesLink, Btn Outlined Border, Btn Outlined Text
Mulberry creates a distinctive accent path that feels glamorous and expressive while staying aligned with the core palette.
#8A1E5A138, 30, 90327, 64, 330, 78, 35, 46The support colors extend the palette with smoky, muted depth so the reds and plums stay elevated rather than overwhelming. They add polish, structure, and a softer transition between the vivid main hues and the neutral system.
RolesIcon, Border
Slate Blue cools the palette slightly and provides a refined structural accent that keeps interfaces composed.
#4A5A6674, 90, 102206, 16, 3527, 12, 0, 60RolesDivider, Outline
Mauve Gray echoes the plum family in a subdued way, helping accents feel cohesive without competing for attention.
#7D6A7C125, 106, 124303, 8, 450, 15, 1, 51Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F5F2F4245, 242, 244320, 13, 950, 1, 0, 4RolesBg Dark, Text
#14141420, 20, 200, 0, 80, 0, 0, 92Copy 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-crimson: #C1122F;
--color-plum: #6B1F4B;
--color-mulberry: #8A1E5A;
--color-slate-blue: #4A5A66;
--color-mauve-gray: #7D6A7C;
--color-white: #FFFFFF;
--color-ivory: #F5F2F4;
--color-charcoal: #141414;
}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: #C1122F;
--role-btn-primary-bg: #C1122F;
--role-headline: #6B1F4B;
--role-btn-secondary-bg: #6B1F4B;
--role-link: #8A1E5A;
--role-btn-outlined-border: #8A1E5A;
--role-btn-outlined-text: #8A1E5A;
--role-icon: #4A5A66;
--role-border: #4A5A66;
--role-divider: #7D6A7C;
--role-outline: #7D6A7C;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #141414;
--role-text: #141414;
}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.{
"crimson": "#C1122F",
"plum": "#6B1F4B",
"mulberry": "#8A1E5A",
"slate-blue": "#4A5A66",
"mauve-gray": "#7D6A7C",
"white": "#FFFFFF",
"ivory": "#F5F2F4",
"charcoal": "#141414"
}