Valentine Romance Color Palette
Pure Valentine: cream and soft pink into bright rose and true red, anchored by a deep crimson and a whisper of lilac. Warm, sweet, and unmistakably romantic — hearts, roses, and candy boxes. For Valentine's campaigns, love-themed illustration, and romantic lettering.
Get Paintrix free on the App Store.
Download
Hex codes
Color theory
Base
Complement
Analogous −30°
Analogous +30°
Triadic
Use it for
Code formats
CSS
:root {
--valentine-romance-1: #FBEDEF;
--valentine-romance-2: #F8DEE2;
--valentine-romance-3: #F4CFD5;
--valentine-romance-4: #EFBFC8;
--valentine-romance-5: #E9AFBA;
--valentine-romance-6: #E29FAC;
--valentine-romance-7: #F08AA0;
--valentine-romance-8: #E97891;
--valentine-romance-9: #E16682;
--valentine-romance-10: #D85574;
--valentine-romance-11: #CB4666;
--valentine-romance-12: #BB3958;
--valentine-romance-13: #E23B3B;
--valentine-romance-14: #D43232;
--valentine-romance-15: #C62A2A;
--valentine-romance-16: #B52222;
--valentine-romance-17: #A21B1B;
--valentine-romance-18: #8E1515;
--valentine-romance-19: #7A1322;
--valentine-romance-20: #6B101E;
--valentine-romance-21: #5C0E1A;
--valentine-romance-22: #4D0B16;
--valentine-romance-23: #3E0812;
--valentine-romance-24: #2F060D;
--valentine-romance-25: #E6CCD8;
--valentine-romance-26: #D9B6C7;
--valentine-romance-27: #CBA0B5;
--valentine-romance-28: #BA8BA2;
--valentine-romance-29: #A6788E;
--valentine-romance-30: #90657A;
}SCSS
$valentine-romance-1: #FBEDEF;
$valentine-romance-2: #F8DEE2;
$valentine-romance-3: #F4CFD5;
$valentine-romance-4: #EFBFC8;
$valentine-romance-5: #E9AFBA;
$valentine-romance-6: #E29FAC;
$valentine-romance-7: #F08AA0;
$valentine-romance-8: #E97891;
$valentine-romance-9: #E16682;
$valentine-romance-10: #D85574;
$valentine-romance-11: #CB4666;
$valentine-romance-12: #BB3958;
$valentine-romance-13: #E23B3B;
$valentine-romance-14: #D43232;
$valentine-romance-15: #C62A2A;
$valentine-romance-16: #B52222;
$valentine-romance-17: #A21B1B;
$valentine-romance-18: #8E1515;
$valentine-romance-19: #7A1322;
$valentine-romance-20: #6B101E;
$valentine-romance-21: #5C0E1A;
$valentine-romance-22: #4D0B16;
$valentine-romance-23: #3E0812;
$valentine-romance-24: #2F060D;
$valentine-romance-25: #E6CCD8;
$valentine-romance-26: #D9B6C7;
$valentine-romance-27: #CBA0B5;
$valentine-romance-28: #BA8BA2;
$valentine-romance-29: #A6788E;
$valentine-romance-30: #90657A;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'valentine-romance': {
'1': '#FBEDEF',
'2': '#F8DEE2',
'3': '#F4CFD5',
'4': '#EFBFC8',
'5': '#E9AFBA',
'6': '#E29FAC',
'7': '#F08AA0',
'8': '#E97891',
'9': '#E16682',
'10': '#D85574',
'11': '#CB4666',
'12': '#BB3958',
'13': '#E23B3B',
'14': '#D43232',
'15': '#C62A2A',
'16': '#B52222',
'17': '#A21B1B',
'18': '#8E1515',
'19': '#7A1322',
'20': '#6B101E',
'21': '#5C0E1A',
'22': '#4D0B16',
'23': '#3E0812',
'24': '#2F060D',
'25': '#E6CCD8',
'26': '#D9B6C7',
'27': '#CBA0B5',
'28': '#BA8BA2',
'29': '#A6788E',
'30': '#90657A',
},
},
},
},
};JSON
{
"name": "Valentine Romance",
"colors": [
"#FBEDEF",
"#F8DEE2",
"#F4CFD5",
"#EFBFC8",
"#E9AFBA",
"#E29FAC",
"#F08AA0",
"#E97891",
"#E16682",
"#D85574",
"#CB4666",
"#BB3958",
"#E23B3B",
"#D43232",
"#C62A2A",
"#B52222",
"#A21B1B",
"#8E1515",
"#7A1322",
"#6B101E",
"#5C0E1A",
"#4D0B16",
"#3E0812",
"#2F060D",
"#E6CCD8",
"#D9B6C7",
"#CBA0B5",
"#BA8BA2",
"#A6788E",
"#90657A"
]
}Hex list
#FBEDEF
#F8DEE2
#F4CFD5
#EFBFC8
#E9AFBA
#E29FAC
#F08AA0
#E97891
#E16682
#D85574
#CB4666
#BB3958
#E23B3B
#D43232
#C62A2A
#B52222
#A21B1B
#8E1515
#7A1322
#6B101E
#5C0E1A
#4D0B16
#3E0812
#2F060D
#E6CCD8
#D9B6C7
#CBA0B5
#BA8BA2
#A6788E
#90657A