This wedding-inspired palette pairs romantic Blush and Plum with a refined Rose Gold accent to create a celebratory system that feels elegant without becoming overly formal. The warm neutrals keep it soft and readable across invitations, websites, and event signage.
This wedding-inspired palette pairs romantic Blush and Plum with a refined Rose Gold accent to create a celebratory system that feels elegant without becoming overly formal. The warm neutrals keep it soft and readable across invitations, websites, and event signage.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
Blush and Plum create a romantic core with clear contrast, while Rose Gold adds a celebratory bridge that keeps the palette warm and cohesive. The result feels intimate, polished, and visually distinctive for wedding branding.
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.
Blush and Plum create a romantic core with clear contrast, while Rose Gold adds a celebratory bridge that keeps the palette warm and cohesive. The result feels intimate, polished, and visually distinctive for wedding branding.
RolesLogo, Btn Primary Bg
Blush brings a soft, affectionate tone that feels naturally suited to wedding visuals and welcoming brand moments.
#D98C9A217, 140, 154349, 50, 700, 35, 29, 15RolesHeadline, Btn Secondary Bg
Plum adds depth, ceremony, and a sense of occasion that grounds the palette in elegance.
#6F2C5B111, 44, 91318, 43, 300, 60, 18, 56RolesLink, Btn Outlined Border, Btn Outlined Text
Rose Gold introduces a warm metallic-like accent that highlights details without overpowering the romantic main colors.
#C98B6B201, 139, 10720, 47, 600, 31, 47, 21The support colors soften the palette and add quiet floral warmth, giving the main colors more versatility across print and digital layouts. They stay subdued so the romantic core remains the clear focus.
RolesIcon, Outline
Mauve supports the main palette with a muted floral note that balances the stronger Plum tone.
#BFA7B8191, 167, 184318, 16, 700, 13, 4, 25RolesBorder, Divider
Rose Taupe adds a grounded mid-tone for structure while staying harmonious with the blush and plum family.
#8F6A72143, 106, 114347, 15, 490, 26, 20, 44Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F7F1EE247, 241, 23820, 36, 950, 2, 4, 3RolesBg Dark, Text, Btn Primary 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-blush: #D98C9A;
--color-plum: #6F2C5B;
--color-rose-gold: #C98B6B;
--color-mauve: #BFA7B8;
--color-rose-taupe: #8F6A72;
--color-white: #FFFFFF;
--color-ivory: #F7F1EE;
--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: #D98C9A;
--role-btn-primary-bg: #D98C9A;
--role-headline: #6F2C5B;
--role-btn-secondary-bg: #6F2C5B;
--role-link: #C98B6B;
--role-btn-outlined-border: #C98B6B;
--role-btn-outlined-text: #C98B6B;
--role-icon: #BFA7B8;
--role-outline: #BFA7B8;
--role-border: #8F6A72;
--role-divider: #8F6A72;
--role-bg-light: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #1F1A1D;
--role-text: #1F1A1D;
--role-btn-primary-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.{
"blush": "#D98C9A",
"plum": "#6F2C5B",
"rose-gold": "#C98B6B",
"mauve": "#BFA7B8",
"rose-taupe": "#8F6A72",
"white": "#FFFFFF",
"ivory": "#F7F1EE",
"charcoal": "#1F1A1D"
}