Skip to content

Instantly share code, notes, and snippets.

@franky47
Created April 21, 2021 16:30
Show Gist options
  • Save franky47/c4d207ff098f5668a6dbb4852a496371 to your computer and use it in GitHub Desktop.
Save franky47/c4d207ff098f5668a6dbb4852a496371 to your computer and use it in GitHub Desktop.
ChakraUI Palette Mod - Increased Saturation & Luminosity
{
"colors": {
"green": {
"50": "#ECF8EF",
"100": "#CBECD2",
"200": "#A9DFB6",
"300": "#88D399",
"400": "#66C77C",
"500": "#45BA60",
"600": "#37954D",
"700": "#297039",
"800": "#1B4B26",
"900": "#0E2513"
},
"teal": {
"50": "#EDF7F7",
"100": "#CDE9E8",
"200": "#AEDBDA",
"300": "#8ECDCB",
"400": "#6EBFBD",
"500": "#4EB1AE",
"600": "#3F8D8B",
"700": "#2F6A69",
"800": "#1F4746",
"900": "#102323"
},
"blue": {
"50": "#E8F3FC",
"100": "#C0DDF7",
"200": "#97C8F2",
"300": "#6EB2EC",
"400": "#469DE7",
"500": "#1D87E2",
"600": "#176CB5",
"700": "#115188",
"800": "#0C365A",
"900": "#061B2D"
},
"purple": {
"50": "#F2EBFA",
"100": "#DBC6F1",
"200": "#C4A2E7",
"300": "#AC7DDE",
"400": "#9558D5",
"500": "#7E34CB",
"600": "#6529A3",
"700": "#4B1F7A",
"800": "#321551",
"900": "#190A29"
},
"pink": {
"50": "#FDE7F3",
"100": "#FABDDD",
"200": "#F693C7",
"300": "#F368B1",
"400": "#EF3E9B",
"500": "#EC1385",
"600": "#BD0F6A",
"700": "#8D0C50",
"800": "#5E0835",
"900": "#2F041B"
},
"orange": {
"50": "#FDF0E7",
"100": "#FAD5BC",
"200": "#F7BA92",
"300": "#F49F67",
"400": "#F1843C",
"500": "#EE6811",
"600": "#BE540E",
"700": "#8F3F0A",
"800": "#5F2A07",
"900": "#301503"
},
"red": {
"50": "#FEE6E6",
"100": "#FEB9B9",
"200": "#FD8C8C",
"300": "#FC5F5F",
"400": "#FB3232",
"500": "#FA0505",
"600": "#C80404",
"700": "#960303",
"800": "#640202",
"900": "#320101"
},
"gray": {
"50": "#F1F2F4",
"100": "#D7DAE0",
"200": "#BDC2CC",
"300": "#A3AAB8",
"400": "#8992A4",
"500": "#6F7A90",
"600": "#596173",
"700": "#434956",
"800": "#2D3139",
"900": "#16181D"
},
"yellow": {
"50": "#FDFBE8",
"100": "#F9F3BD",
"200": "#F6EC93",
"300": "#F2E469",
"400": "#EEDC3F",
"500": "#EAD515",
"600": "#BCAA10",
"700": "#8D800C",
"800": "#5E5508",
"900": "#2F2B04"
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment