Color collection
Valentine's Color Palettes
Valentine palettes for romantic campaigns, gift pages, beauty brands, and soft seasonal graphics.
#3174D8Accent#7C51D6Surface#EBEEF4Text#121721Support#CE82A1Valentine's 23Valentine / Pink / SoftQuality 98Primary#317CD8Accent#D69B51Surface#EBEEF4Text#121821Support#CE82A4Valentine's 3Valentine / Pink / SoftQuality 97Primary#3145D8Accent#BA51D6Surface#ECEBF4Text#121321Support#CE828BValentine's 24Valentine / Pink / SoftQuality 97Primary#314DD8Accent#51D69FSurface#EBECF4Text#121421Support#CE828FValentine's 1Valentine / Pink / SoftQuality 96Primary#31A3D8Accent#5165D6Surface#EBF0F4Text#121B21Support#CE82B6Valentine's 5Valentine / Pink / SoftQuality 96Primary#7C31D8Accent#9BD651Surface#F0EBF4Text#1A1221Support#CEA482How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for gift pages, beauty brands, romantic campaigns, and seasonal graphics. Use pink and red with enough neutral space so the page stays elegant instead of overly sweet.
Every generated palette is sorted by a UI quality score that favors readable text, clear surface separation, and controlled saturation.
CSS Variables
:root {
--primary: #3174D8;
--accent: #7C51D6;
--surface: #EBEEF4;
--text: #121721;
--support: #CE82A1;
}FAQ
Where should I use valentine's color palettes?
These palettes are designed for gift pages, beauty brands, romantic campaigns, and seasonal graphics.
Can I copy these colors into a design system?
Yes. Each palette includes clear interface roles such as Primary, Accent, Surface, Text, and Support.
How do I avoid low contrast?
Use pink and red with enough neutral space so the page stays elegant instead of overly sweet.