This wedding-inspired palette pairs romantic rose tones with a soft lavender and a warm pearl neutral system for a graceful, celebratory feel. The mix feels intimate and elegant without becoming overly pastel or overly ornate, so it works well across invitations, event branding, and digital touchpoints.
This wedding-inspired palette pairs romantic rose tones with a soft lavender and a warm pearl neutral system for a graceful, celebratory feel. The mix feels intimate and elegant without becoming overly pastel or overly ornate, so it works well across invitations, event branding, and digital touchpoints.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors stay close on the color wheel, combining rose, blush, and lavender for a cohesive wedding mood that feels soft, refined, and easy to use across print and digital applications. Together they create a recognizable romantic system without relying on heavy contrast or overly saturated tones.
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 close on the color wheel, combining rose, blush, and lavender for a cohesive wedding mood that feels soft, refined, and easy to use across print and digital applications. Together they create a recognizable romantic system without relying on heavy contrast or overly saturated tones.
RolesLogo, Btn Primary Bg
Rosewood gives the palette its memorable romantic anchor and feels elegant enough for a wedding brand.
#B65B6A182, 91, 106350, 38, 540, 50, 42, 29RolesLink, Btn Secondary Bg
Blush adds softness and warmth, supporting the celebratory tone while keeping the system light and approachable.
#D88AA8216, 138, 168337, 50, 690, 36, 22, 15RolesBtn Outlined Border, Btn Outlined Text, Headline
Lavender introduces a refined floral note that balances the roses with a graceful, slightly cooler accent.
#A98BCB169, 139, 203268, 38, 6717, 32, 0, 20The support colors extend the romantic main palette with muted floral and dusky balancing tones that stay subordinate to the core wedding hues. They add depth for accents, separators, and interface structure without pulling attention away from the ceremony-inspired feel.
RolesIcon, Border
Dusty Mauve softens the palette edges and works well for understated interface accents and fine details.
#C9B2B8201, 178, 184344, 18, 740, 11, 8, 21RolesDivider, Outline
Heather brings a cool muted transition between rose and lavender tones, helping the palette feel cohesive and controlled.
#9E8DA7158, 141, 167279, 13, 605, 16, 0, 35Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F6F1EA246, 241, 23435, 40, 940, 2, 5, 4RolesBg Dark, Text, Btn Secondary Text
#1F1B1D31, 27, 29330, 7, 110, 13, 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-rosewood: #B65B6A;
--color-blush: #D88AA8;
--color-lavender: #A98BCB;
--color-dusty-mauve: #C9B2B8;
--color-heather: #9E8DA7;
--color-white: #FFFFFF;
--color-ivory: #F6F1EA;
--color-charcoal: #1F1B1D;
}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: #B65B6A;
--role-btn-primary-bg: #B65B6A;
--role-link: #D88AA8;
--role-btn-secondary-bg: #D88AA8;
--role-btn-outlined-border: #A98BCB;
--role-btn-outlined-text: #A98BCB;
--role-headline: #A98BCB;
--role-icon: #C9B2B8;
--role-border: #C9B2B8;
--role-divider: #9E8DA7;
--role-outline: #9E8DA7;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-bg-dark: #1F1B1D;
--role-text: #1F1B1D;
--role-btn-secondary-text: #1F1B1D;
}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.{
"rosewood": "#B65B6A",
"blush": "#D88AA8",
"lavender": "#A98BCB",
"dusty-mauve": "#C9B2B8",
"heather": "#9E8DA7",
"white": "#FFFFFF",
"ivory": "#F6F1EA",
"charcoal": "#1F1B1D"
}