Customization
Customizing Colors
Customizing the default color palette for your project.
Core colors
#B7D3F8
#D7BAFA
#485984
#F8BF09
#F2E1D7
Color Breakdown
GlideLB
50
#F6F9FE
100
#F1F7FE
200
#E3EEFC
300
#D5E6FB
400
#C7DDFA
500
#B7D3F8
600
#6AA4F1
700
#1B74E9
800
#0F4D9E
900
#08274F
GlidePurple
50
#FCFAFF
100
#F7F1FE
200
#EEE2FD
300
#E6D4FC
400
#DEC6FB
500
#D7BAFA
600
#A667F4
700
#7716EE
800
#4F0CA2
900
#280651
GlideDB
50
#EBEEF4
100
#D7DDE9
200
#B0BAD4
300
#8898BE
400
#6175A9
500
#485984
600
#3A476A
700
#2B354F
800
#1D2435
900
#0E121A
GlideYellow
50
#FEF9E6
100
#FEF2CD
200
#FCE69C
300
#FBD96A
400
#F9CC39
500
#F8BF09
600
#C69906
700
#957304
800
#634D03
900
#322601
GlideBeige
50
#FEFCFB
100
#FCF9F7
200
#FAF3F0
300
#F7EEE8
400
#F5E8E0
500
#F2E1D7
600
#DCAE93
700
#C57A4E
800
#8B4F2D
900
#452817
Tailwind Config
{
"colors": {
"GlideLB": {
"50": "#F6F9FE",
"100": "#F1F7FE",
"200": "#E3EEFC",
"300": "#D5E6FB",
"400": "#C7DDFA",
"500": "#B7D3F8",
"600": "#6AA4F1",
"700": "#1B74E9",
"800": "#0F4D9E",
"900": "#08274F"
},
"GlidePurple": {
"50": "#FCFAFF",
"100": "#F7F1FE",
"200": "#EEE2FD",
"300": "#E6D4FC",
"400": "#DEC6FB",
"500": "#D7BAFA",
"600": "#A667F4",
"700": "#7716EE",
"800": "#4F0CA2",
"900": "#280651"
},
"GlideDB": {
"50": "#EBEEF4",
"100": "#D7DDE9",
"200": "#B0BAD4",
"300": "#8898BE",
"400": "#6175A9",
"500": "#485984",
"600": "#3A476A",
"700": "#2B354F",
"800": "#1D2435",
"900": "#0E121A"
},
"GlideYellow": {
"50": "#FEF9E6",
"100": "#FEF2CD",
"200": "#FCE69C",
"300": "#FBD96A",
"400": "#F9CC39",
"500": "#F8BF09",
"600": "#C69906",
"700": "#957304",
"800": "#634D03",
"900": "#322601"
},
"GlideBeige": {
"50": "#FEFCFB",
"100": "#FCF9F7",
"200": "#FAF3F0",
"300": "#F7EEE8",
"400": "#F5E8E0",
"500": "#F2E1D7",
"600": "#DCAE93",
"700": "#C57A4E",
"800": "#8B4F2D",
"900": "#452817"
}
}
}