Y2K Bubblegum Color Palette
Turn-of-the-millennium candy: bubblegum pink, acid lime, electric aqua, lilac, and baby blue, all cranked glossy and bright. It's the frosted-tip, jelly-sandal, inflatable-furniture spectrum — high saturation, high sugar. For Y2K-revival graphics, stickers, and anything that should look like it shipped on a CD-ROM.
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 {
--y2k-bubblegum-1: #FFC2E2;
--y2k-bubblegum-2: #FFA5D4;
--y2k-bubblegum-3: #FF86C6;
--y2k-bubblegum-4: #FB66B6;
--y2k-bubblegum-5: #EF49A4;
--y2k-bubblegum-6: #DC2F8F;
--y2k-bubblegum-7: #E6F7A8;
--y2k-bubblegum-8: #D2F079;
--y2k-bubblegum-9: #BBE74E;
--y2k-bubblegum-10: #A1D72E;
--y2k-bubblegum-11: #86C01D;
--y2k-bubblegum-12: #6CA214;
--y2k-bubblegum-13: #B3F0F2;
--y2k-bubblegum-14: #86E6EA;
--y2k-bubblegum-15: #57D8DF;
--y2k-bubblegum-16: #2FC6D0;
--y2k-bubblegum-17: #1FAAB6;
--y2k-bubblegum-18: #1A8A96;
--y2k-bubblegum-19: #DCC8FF;
--y2k-bubblegum-20: #C9ACFB;
--y2k-bubblegum-21: #B48FF2;
--y2k-bubblegum-22: #9E72E6;
--y2k-bubblegum-23: #8556D3;
--y2k-bubblegum-24: #6E40BA;
--y2k-bubblegum-25: #BCD8FF;
--y2k-bubblegum-26: #98C0FB;
--y2k-bubblegum-27: #73A6F2;
--y2k-bubblegum-28: #5388E6;
--y2k-bubblegum-29: #3D6CD3;
--y2k-bubblegum-30: #3052B0;
}SCSS
$y2k-bubblegum-1: #FFC2E2;
$y2k-bubblegum-2: #FFA5D4;
$y2k-bubblegum-3: #FF86C6;
$y2k-bubblegum-4: #FB66B6;
$y2k-bubblegum-5: #EF49A4;
$y2k-bubblegum-6: #DC2F8F;
$y2k-bubblegum-7: #E6F7A8;
$y2k-bubblegum-8: #D2F079;
$y2k-bubblegum-9: #BBE74E;
$y2k-bubblegum-10: #A1D72E;
$y2k-bubblegum-11: #86C01D;
$y2k-bubblegum-12: #6CA214;
$y2k-bubblegum-13: #B3F0F2;
$y2k-bubblegum-14: #86E6EA;
$y2k-bubblegum-15: #57D8DF;
$y2k-bubblegum-16: #2FC6D0;
$y2k-bubblegum-17: #1FAAB6;
$y2k-bubblegum-18: #1A8A96;
$y2k-bubblegum-19: #DCC8FF;
$y2k-bubblegum-20: #C9ACFB;
$y2k-bubblegum-21: #B48FF2;
$y2k-bubblegum-22: #9E72E6;
$y2k-bubblegum-23: #8556D3;
$y2k-bubblegum-24: #6E40BA;
$y2k-bubblegum-25: #BCD8FF;
$y2k-bubblegum-26: #98C0FB;
$y2k-bubblegum-27: #73A6F2;
$y2k-bubblegum-28: #5388E6;
$y2k-bubblegum-29: #3D6CD3;
$y2k-bubblegum-30: #3052B0;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'y2k-bubblegum': {
'1': '#FFC2E2',
'2': '#FFA5D4',
'3': '#FF86C6',
'4': '#FB66B6',
'5': '#EF49A4',
'6': '#DC2F8F',
'7': '#E6F7A8',
'8': '#D2F079',
'9': '#BBE74E',
'10': '#A1D72E',
'11': '#86C01D',
'12': '#6CA214',
'13': '#B3F0F2',
'14': '#86E6EA',
'15': '#57D8DF',
'16': '#2FC6D0',
'17': '#1FAAB6',
'18': '#1A8A96',
'19': '#DCC8FF',
'20': '#C9ACFB',
'21': '#B48FF2',
'22': '#9E72E6',
'23': '#8556D3',
'24': '#6E40BA',
'25': '#BCD8FF',
'26': '#98C0FB',
'27': '#73A6F2',
'28': '#5388E6',
'29': '#3D6CD3',
'30': '#3052B0',
},
},
},
},
};JSON
{
"name": "Y2K Bubblegum",
"colors": [
"#FFC2E2",
"#FFA5D4",
"#FF86C6",
"#FB66B6",
"#EF49A4",
"#DC2F8F",
"#E6F7A8",
"#D2F079",
"#BBE74E",
"#A1D72E",
"#86C01D",
"#6CA214",
"#B3F0F2",
"#86E6EA",
"#57D8DF",
"#2FC6D0",
"#1FAAB6",
"#1A8A96",
"#DCC8FF",
"#C9ACFB",
"#B48FF2",
"#9E72E6",
"#8556D3",
"#6E40BA",
"#BCD8FF",
"#98C0FB",
"#73A6F2",
"#5388E6",
"#3D6CD3",
"#3052B0"
]
}Hex list
#FFC2E2
#FFA5D4
#FF86C6
#FB66B6
#EF49A4
#DC2F8F
#E6F7A8
#D2F079
#BBE74E
#A1D72E
#86C01D
#6CA214
#B3F0F2
#86E6EA
#57D8DF
#2FC6D0
#1FAAB6
#1A8A96
#DCC8FF
#C9ACFB
#B48FF2
#9E72E6
#8556D3
#6E40BA
#BCD8FF
#98C0FB
#73A6F2
#5388E6
#3D6CD3
#3052B0