A Rhode-inspired system built around the brand’s signature milky pink-beige, paired with a refined cocoa accent and a restrained eucalyptus green for balance. The result feels clean, soft, and modern while staying recognizable as a beauty/lifestyle palette.
A Rhode-inspired system built around the brand’s signature milky pink-beige, paired with a refined cocoa accent and a restrained eucalyptus green for balance. The result feels clean, soft, and modern while staying recognizable as a beauty/lifestyle palette.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors stay within a soft warm nude family, creating a cohesive Rhode-like identity that feels understated, polished, and immediately recognizable. The subtle shift between blush, beige, and cocoa gives the system dimension without
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 stay within a soft warm nude family, creating a cohesive Rhode-like identity that feels understated, polished, and immediately recognizable. The subtle shift between blush, beige, and cocoa gives the system dimension without
RolesLogo, Btn Primary Bg
The brand anchor: a soft, skin-adjacent pink-beige that captures the signature Rhode feel and carries the strongest recognition.
#DDC1B8221, 193, 18415, 35, 790, 13, 17, 13RolesBtn Secondary Bg, Headline
Adds depth and structure while staying in the same muted warm lane, giving headings and secondary actions a calm premium presence.
#C6A28E198, 162, 14221, 33, 670, 18, 28, 22RolesLink, Btn Outlined Border, Btn Outlined Text
A grounded brown that sharpens interaction states and gives the palette a more usable contrast point without breaking the gentle mood.
#7A5A4A122, 90, 7420, 24, 380, 26, 39, 52The support colors extend the warm nude system with soft botanical and dusty mineral notes, adding functional variety while remaining visually subordinate to the core Rhode-like ne
RolesIcon, Border, Divider, Outline
A quiet green-gray that cools the warmth slightly and provides subtle interface structure without competing with the main brand tone.
#A8B7A8168, 183, 168120, 9, 698, 0, 8, 28A pale warm cream that reads softly against the darker secondary button background while preserving the airy, minimal character.
#E7DCD3231, 220, 21127, 29, 870, 5, 9, 9Utility colors for backgrounds, text, borders, and balance.
RolesBg Light
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark
#F6F1EB246, 241, 23533, 38, 940, 2, 4, 4RolesText, Btn Primary Text, Btn Secondary Text
#1E171530, 23, 2113, 18, 100, 23, 30, 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-signature-nude-blush: #DDC1B8;
--color-soft-sand-taupe: #C6A28E;
--color-cocoa-clay: #7A5A4A;
--color-muted-eucalyptus: #A8B7A8;
--color-oat-cream: #E7DCD3;
--color-pure-white: #FFFFFF;
--color-soft-porcelain: #F6F1EB;
--color-ink-umber: #1E1715;
}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: #DDC1B8;
--role-btn-primary-bg: #DDC1B8;
--role-btn-secondary-bg: #C6A28E;
--role-headline: #C6A28E;
--role-link: #7A5A4A;
--role-btn-outlined-border: #7A5A4A;
--role-btn-outlined-text: #7A5A4A;
--role-icon: #A8B7A8;
--role-border: #A8B7A8;
--role-divider: #A8B7A8;
--role-outline: #A8B7A8;
--role-bg-light: #FFFFFF;
--role-bg-dark: #F6F1EB;
--role-text: #1E1715;
--role-btn-primary-text: #1E1715;
--role-btn-secondary-text: #1E1715;
}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.{
"signature-nude-blush": "#DDC1B8",
"soft-sand-taupe": "#C6A28E",
"cocoa-clay": "#7A5A4A",
"muted-eucalyptus": "#A8B7A8",
"oat-cream": "#E7DCD3",
"pure-white": "#FFFFFF",
"soft-porcelain": "#F6F1EB",
"ink-umber": "#1E1715"
}