This wedding-inspired palette pairs romantic blush, deep burgundy, and soft sage with crisp neutrals for a refined, celebratory system. The colors feel intimate and elegant while staying practical for invitations, websites, and day-of signage.
This wedding-inspired palette pairs romantic blush, deep burgundy, and soft sage with crisp neutrals for a refined, celebratory system. The colors feel intimate and elegant while staying practical for invitations, websites, and day-of signage.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
Blush and burgundy create a cohesive romantic core, while sage adds a calm botanical note that keeps the palette balanced and wedding-ready. The combination feels elegant and memorable without becoming overly traditional or overly ornate.
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 burgundy create a cohesive romantic core, while sage adds a calm botanical note that keeps the palette balanced and wedding-ready. The combination feels elegant and memorable without becoming overly traditional or overly ornate.
RolesLogo, Btn Primary Bg
Blush brings soft romance and keeps the brand warm, airy, and approachable.
#D8A0A8216, 160, 168351, 42, 740, 26, 22, 15RolesLink, Btn Secondary Bg, Headline
Burgundy adds depth, ceremony, and a more formal wedding tone for emphasis.
#7A2E3A122, 46, 58351, 45, 330, 62, 52, 52RolesBtn Outlined Border, Btn Outlined Text
Sage introduces a natural counterbalance that keeps the palette fresh and grounded.
#8FA68E143, 166, 142118, 12, 6014, 0, 14, 35The support colors gently extend the romantic palette with softer undertones and subtle contrast, helping layouts feel polished without competing with the main wedding colors.
RolesIcon, Outline
Rose Tan bridges blush and burgundy with a muted warmth that works well for accents and UI structure.
#B9857B185, 133, 12310, 31, 600, 28, 34, 27RolesBorder, Divider
Sand softens edges and adds a neutral warmth that supports elegant editorial layouts.
#D9C7B8217, 199, 18427, 30, 790, 8, 15, 15Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F7F3EE247, 243, 23833, 36, 950, 2, 4, 3RolesBg Dark, Text, Btn Primary Text
#1F1A1C31, 26, 28336, 9, 110, 16, 10, 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: #D8A0A8;
--color-burgundy: #7A2E3A;
--color-sage: #8FA68E;
--color-rose-tan: #B9857B;
--color-sand: #D9C7B8;
--color-white: #FFFFFF;
--color-ivory: #F7F3EE;
--color-charcoal: #1F1A1C;
}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: #D8A0A8;
--role-btn-primary-bg: #D8A0A8;
--role-link: #7A2E3A;
--role-btn-secondary-bg: #7A2E3A;
--role-headline: #7A2E3A;
--role-btn-outlined-border: #8FA68E;
--role-btn-outlined-text: #8FA68E;
--role-icon: #B9857B;
--role-outline: #B9857B;
--role-border: #D9C7B8;
--role-divider: #D9C7B8;
--role-bg-light: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #1F1A1C;
--role-text: #1F1A1C;
--role-btn-primary-text: #1F1A1C;
}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": "#D8A0A8",
"burgundy": "#7A2E3A",
"sage": "#8FA68E",
"rose-tan": "#B9857B",
"sand": "#D9C7B8",
"white": "#FFFFFF",
"ivory": "#F7F3EE",
"charcoal": "#1F1A1C"
}