Coral#E97D6B
Blush#F2B6B3
Pearl#F6E7DF
Sage#A8BFA8
Dusty Lavender#C7A6D8
Palette direction

Wedding Inspired Hospitality Color Palette

This wedding-inspired palette blends romantic Coral and Blush with a refined Pearl accent to feel celebratory, warm, and elevated. Soft Sage and Dusty Lavender add balance without overpowering the main floral mood, while the neutrals keep invitations, web pages, and signage crisp and readable.

MonochromaticHospitality Eventswedding paletteromantic colorsbridal brandingevent identity
palette-preview.example
Hospitality Events color direction

Wedding Inspired Hospitality Color Palette

This wedding-inspired palette blends romantic Coral and Blush with a refined Pearl accent to feel celebratory, warm, and elevated. Soft Sage and Dusty Lavender add balance without overpowering the main floral mood, while the neutrals keep invitations, web pages, and signage crisp and readable.

Explore the color system
Logo contrast guide

Logo color pairings

ColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.

Logo Charcoal #1F1B1Con Pearl #F6E7DF14.1:1 Excellent
Logo Charcoal #1F1B1Con Blush #F2B6B39.8:1 Excellent
Logo Charcoal #1F1B1Con Coral #E97D6B6.2:1 Strong
Logo Charcoal #1F1B1Con White #FFFFFF17.0:1 Excellent
Icon color
BackgroundCoral#E97D6BTextCharcoal#1F1B1C
Primary Button6.18:1
AA

Best for the main action users should notice first.

BackgroundBlush#F2B6B3TextCharcoal#1F1B1C
Secondary Button9.84:1
AAA

Useful for softer choices and secondary paths.

BackgroundWhite#FFFFFFTextPearl#F6E7DF
Outlined Button1.21:1
Low

Good for lower-emphasis actions on light surfaces.

BackgroundWhite#FFFFFFTextBlush#F2B6B3
Text Button1.73:1
Low

A quiet action for links, navigation, and inline decisions.

Palette composition8 colorsMonochromatic color relationship
9:41Wedding Inspired Hospitality Color Palette Color role balance
Monochromatic system
60% DominantNeutrals

Backgrounds, large surfaces, whitespace, and reading comfort.

30% SecondarySupport colors

Sections, secondary UI, illustrations, and repeated brand moments.

10% AccentMain colors

High-attention moments like primary actions and memorable highlights.

CWedding Inspired Hospitality Color PaletteHospitality Events brand direction ColorFly.design
Strategic palette preview
Why it works

A usable
color system.

Coral, Blush, and Pearl create a cohesive romantic system with soft warmth and a polished celebratory feel. The colors sit close together in mood and intensity, making the palette feel graceful, intimate, and easy to apply across wedding branding.

Clear roles create a consistent brand experience.

Color Roles and Usage Map

Assign existing palette colors to brand, typography, and interface roles.

Brand identity

LogoUsed for logo marks and core brand symbols.Coral #E97D6B
HeadlineUsed for main titles and key messages.Blush #F2B6B3
LinkUsed for links and interactive text.Blush #F2B6B3

Buttons

Primary Button
BackgroundCoral #E97D6B
TextCharcoal #1F1B1C
Secondary Button
BackgroundBlush #F2B6B3
TextCharcoal #1F1B1C
Outlined Button
BackgroundPearl #F6E7DF
TextPearl #F6E7DF

Interface

TextDefault readable body text.Charcoal #1F1B1C
Bg LightLight page or section background.White #FFFFFF
Bg DarkDark page or section background.Charcoal #1F1B1C
IconSmall interface icons and marks.Sage #A8BFA8
BorderCards, inputs, and component borders.Sage #A8BFA8
DividerSubtle separators between content.Dusty Lavender #C7A6D8
OutlineFocus rings and emphasis outlines.Dusty Lavender #C7A6D8

Palette Colors

A compact view of the brand, support, and neutral colors that make up this system.

Main (Brand) Colors

Coral, Blush, and Pearl create a cohesive romantic system with soft warmth and a polished celebratory feel. The colors sit close together in mood and intensity, making the palette feel graceful, intimate, and easy to apply across wedding branding.

PrimaryCoral

RolesLogo, Btn Primary Bg

Coral brings energy and a welcoming sense of celebration that keeps the palette lively.

HEX#E97D6B
RGB233, 125, 107
HSL9, 74, 67
CMYK0, 46, 54, 9
SecondaryBlush

RolesLink, Btn Secondary Bg, Headline

Blush adds softness and romance, giving the brand its intimate wedding-day character.

HEX#F2B6B3
RGB242, 182, 179
HSL3, 71, 83
CMYK0, 25, 26, 5
TertiaryPearl

RolesBtn Outlined Border, Btn Outlined Text

Pearl contributes a refined, luminous touch that makes the palette feel elegant and airy.

HEX#F6E7DF
RGB246, 231, 223
HSL21, 56, 92
CMYK0, 6, 9, 4

Support Colors

The support colors extend the romantic core with gentle herbal and floral undertones that keep the palette balanced and versatile. They stay quieter than the main colors, adding depth for supporting graphics, accents, and informational elements.

Sage

RolesIcon, Border

Sage balances the sweeter tones with a calm botanical note that feels natural and grounded.

HEX#A8BFA8
RGB168, 191, 168
HSL120, 15, 70
CMYK12, 0, 12, 25
Dusty Lavender

RolesDivider, Outline

Dusty Lavender adds a subtle ceremonial accent that complements the floral warmth without competing for attention.

HEX#C7A6D8
RGB199, 166, 216
HSL280, 39, 75
CMYK8, 23, 0, 15

Neutral Colors

Utility colors for backgrounds, text, borders, and balance.

White

RolesBg Light

HEX#FFFFFF
RGB255, 255, 255
HSL0, 0, 100
CMYK0, 0, 0, 0
Ivory
HEX#F8F5F2
RGB248, 245, 242
HSL30, 30, 96
CMYK0, 1, 2, 3
Charcoal

RolesBg Dark, Text, Btn Primary Text, Btn Secondary Text

HEX#1F1B1C
RGB31, 27, 28
HSL345, 7, 11
CMYK0, 13, 10, 88

Export and Handoff

Copy palette values for design systems, websites, and client handoff.

Color tokens

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-coral: #E97D6B;
  --color-blush: #F2B6B3;
  --color-pearl: #F6E7DF;
  --color-sage: #A8BFA8;
  --color-dusty-lavender: #C7A6D8;
  --color-white: #FFFFFF;
  --color-ivory: #F8F5F2;
  --color-charcoal: #1F1B1C;
}

Role tokens

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: #E97D6B;
  --role-btn-primary-bg: #E97D6B;
  --role-link: #F2B6B3;
  --role-btn-secondary-bg: #F2B6B3;
  --role-headline: #F2B6B3;
  --role-btn-outlined-border: #F6E7DF;
  --role-btn-outlined-text: #F6E7DF;
  --role-icon: #A8BFA8;
  --role-border: #A8BFA8;
  --role-divider: #C7A6D8;
  --role-outline: #C7A6D8;
  --role-bg-light: #FFFFFF;
  --role-bg-dark: #1F1B1C;
  --role-text: #1F1B1C;
  --role-btn-primary-text: #1F1B1C;
  --role-btn-secondary-text: #1F1B1C;
}

JSON

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.
{
    "coral": "#E97D6B",
    "blush": "#F2B6B3",
    "pearl": "#F6E7DF",
    "sage": "#A8BFA8",
    "dusty-lavender": "#C7A6D8",
    "white": "#FFFFFF",
    "ivory": "#F8F5F2",
    "charcoal": "#1F1B1C"
}
Press Space to load new palette