Romantic Soft
A soft romantic palette with blush pinks and dreamy lavender tones. Creates an atmosphere of tenderness and gentle affection.
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
Violet 500
Hex
#8b5cf6
Tailwind
text-violet-500
Role
accent
Name
Pink 500
Hex
#ec4899
Tailwind
bg-pink-500
Live Preview
Welcome Back
This is a live preview of the Romantic Soft color scheme applied to a sample card component. See how the colors work together in a realistic UI context.
Design Rationale
“Rose and pink tones universally signify love and romantic affection. Violet adds a dreamy, enchanting quality that deepens the emotional resonance.
Use Cases
CSS Variables
:root {
--background: #ffffff;
--surface: #fafafa;
--primary: #fb7185;
--secondary: #8b5cf6;
--accent: #ec4899;
}Tailwind Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'romantic-soft': {
'background': '#ffffff', // bg-white
'surface': '#fafafa', // bg-zinc-50
'primary': '#fb7185', // text-rose-400
'secondary': '#8b5cf6', // text-violet-500
'accent': '#ec4899', // bg-pink-500
},
},
},
},
};Related Color Schemes
Wedding Romantic
A romantic wedding palette with soft pinks and elegant neutrals. Perfect for wedding planning platforms and invitation design tools.
Pastel Soft
A soft pastel palette with gentle, desaturated hues and light backgrounds. Creates a calm, airy, and approachable aesthetic.
Cottagecore Soft
A soft cottagecore palette with gentle greens and warm floral tones. Evokes pastoral tranquility and handmade charm.
Calm Serene
A serene and calming palette with soft blues and muted backgrounds. Designed to reduce visual stress and promote tranquility.
Energetic Bold
A bold and energetic palette with vivid reds and bright accents. Designed to excite, motivate, and drive immediate action.
Professional Corporate
A polished corporate palette with conservative blues and structured grays. Conveys reliability, competence, and business credibility.
Build with This Scheme
Use our palette generator to customize and extend this color scheme for your project.
Open Palette Generator