Coquette Ribbon Color Palette
All ribbon and lace: pearl cream, blush, dusty rose, a deeper ribbon-red accent, and a whisper of mauve lilac. The palette stays soft and romantic, the single saturated red giving it somewhere to land so it isn't only sugar. For coquette and balletcore aesthetics, bows, florals, and pretty feminine layouts.
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 {
--coquette-pink-1: #FBF1EC;
--coquette-pink-2: #F8E9E4;
--coquette-pink-3: #F5E1DB;
--coquette-pink-4: #F1D8D2;
--coquette-pink-5: #EDCFC9;
--coquette-pink-6: #E8C5BF;
--coquette-pink-7: #F6C9D2;
--coquette-pink-8: #F2B5C2;
--coquette-pink-9: #EDA1B2;
--coquette-pink-10: #E78CA2;
--coquette-pink-11: #DF7892;
--coquette-pink-12: #D46582;
--coquette-pink-13: #C95F77;
--coquette-pink-14: #B9556C;
--coquette-pink-15: #A94B61;
--coquette-pink-16: #984155;
--coquette-pink-17: #86374A;
--coquette-pink-18: #742E3F;
--coquette-pink-19: #C23A52;
--coquette-pink-20: #AE3149;
--coquette-pink-21: #9A2940;
--coquette-pink-22: #852136;
--coquette-pink-23: #70192D;
--coquette-pink-24: #5B1224;
--coquette-pink-25: #E3CFE0;
--coquette-pink-26: #D6BBD6;
--coquette-pink-27: #C7A6C9;
--coquette-pink-28: #B690B8;
--coquette-pink-29: #A37BA6;
--coquette-pink-30: #8E6791;
}SCSS
$coquette-pink-1: #FBF1EC;
$coquette-pink-2: #F8E9E4;
$coquette-pink-3: #F5E1DB;
$coquette-pink-4: #F1D8D2;
$coquette-pink-5: #EDCFC9;
$coquette-pink-6: #E8C5BF;
$coquette-pink-7: #F6C9D2;
$coquette-pink-8: #F2B5C2;
$coquette-pink-9: #EDA1B2;
$coquette-pink-10: #E78CA2;
$coquette-pink-11: #DF7892;
$coquette-pink-12: #D46582;
$coquette-pink-13: #C95F77;
$coquette-pink-14: #B9556C;
$coquette-pink-15: #A94B61;
$coquette-pink-16: #984155;
$coquette-pink-17: #86374A;
$coquette-pink-18: #742E3F;
$coquette-pink-19: #C23A52;
$coquette-pink-20: #AE3149;
$coquette-pink-21: #9A2940;
$coquette-pink-22: #852136;
$coquette-pink-23: #70192D;
$coquette-pink-24: #5B1224;
$coquette-pink-25: #E3CFE0;
$coquette-pink-26: #D6BBD6;
$coquette-pink-27: #C7A6C9;
$coquette-pink-28: #B690B8;
$coquette-pink-29: #A37BA6;
$coquette-pink-30: #8E6791;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'coquette-pink': {
'1': '#FBF1EC',
'2': '#F8E9E4',
'3': '#F5E1DB',
'4': '#F1D8D2',
'5': '#EDCFC9',
'6': '#E8C5BF',
'7': '#F6C9D2',
'8': '#F2B5C2',
'9': '#EDA1B2',
'10': '#E78CA2',
'11': '#DF7892',
'12': '#D46582',
'13': '#C95F77',
'14': '#B9556C',
'15': '#A94B61',
'16': '#984155',
'17': '#86374A',
'18': '#742E3F',
'19': '#C23A52',
'20': '#AE3149',
'21': '#9A2940',
'22': '#852136',
'23': '#70192D',
'24': '#5B1224',
'25': '#E3CFE0',
'26': '#D6BBD6',
'27': '#C7A6C9',
'28': '#B690B8',
'29': '#A37BA6',
'30': '#8E6791',
},
},
},
},
};JSON
{
"name": "Coquette Ribbon",
"colors": [
"#FBF1EC",
"#F8E9E4",
"#F5E1DB",
"#F1D8D2",
"#EDCFC9",
"#E8C5BF",
"#F6C9D2",
"#F2B5C2",
"#EDA1B2",
"#E78CA2",
"#DF7892",
"#D46582",
"#C95F77",
"#B9556C",
"#A94B61",
"#984155",
"#86374A",
"#742E3F",
"#C23A52",
"#AE3149",
"#9A2940",
"#852136",
"#70192D",
"#5B1224",
"#E3CFE0",
"#D6BBD6",
"#C7A6C9",
"#B690B8",
"#A37BA6",
"#8E6791"
]
}Hex list
#FBF1EC
#F8E9E4
#F5E1DB
#F1D8D2
#EDCFC9
#E8C5BF
#F6C9D2
#F2B5C2
#EDA1B2
#E78CA2
#DF7892
#D46582
#C95F77
#B9556C
#A94B61
#984155
#86374A
#742E3F
#C23A52
#AE3149
#9A2940
#852136
#70192D
#5B1224
#E3CFE0
#D6BBD6
#C7A6C9
#B690B8
#A37BA6
#8E6791