industryColor Scheme

Wedding Romantic

A romantic wedding palette with soft pinks and elegant neutrals. Perfect for wedding planning platforms and invitation design tools.

#ffffff
#fafafa
#fb7185
#94a3b8
#fcd34d

Color Breakdown

Role

background

Name

White

Hex

#ffffff

Tailwind

bg-white

Role

surface

Name

Zinc 50

Hex

#fafafa

Tailwind

bg-zinc-50

Role

primary

Name

Rose 400

Hex

#fb7185

Tailwind

text-rose-400

Role

secondary

Name

Slate 400

Hex

#94a3b8

Tailwind

text-slate-400

Role

accent

Name

Amber 300

Hex

#fcd34d

Tailwind

bg-amber-300

Live Preview

Welcome Back

This is a live preview of the Wedding Romantic color scheme applied to a sample card component. See how the colors work together in a realistic UI context.

Design Rationale

Soft rose tones create an inherently romantic and celebratory atmosphere. Gold-amber accents add elegance befitting a once-in-a-lifetime event.

Use Cases

Wedding planning sitesBridal registriesInvitation designers

CSS Variables

CSS
:root {
  --background: #ffffff;
  --surface: #fafafa;
  --primary: #fb7185;
  --secondary: #94a3b8;
  --accent: #fcd34d;
}

Tailwind Config

JavaScript
// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'wedding-romantic': {
  'background': '#ffffff',  // bg-white
  'surface': '#fafafa',  // bg-zinc-50
  'primary': '#fb7185',  // text-rose-400
  'secondary': '#94a3b8',  // text-slate-400
  'accent': '#fcd34d',  // bg-amber-300
        },
      },
    },
  },
};

Related Color Schemes

Build with This Scheme

Use our palette generator to customize and extend this color scheme for your project.

Open Palette Generator

Frequently Asked Questions

Why is pink associated with weddings?
Pink symbolizes love, romance, and tenderness, making it a natural choice for wedding-related design.