Skip to content

Instantly share code, notes, and snippets.

@escusado
Created September 2, 2023 19:09
Show Gist options
  • Save escusado/e7a3d6aaeb9e3ff50fc38bd41a25c782 to your computer and use it in GitHub Desktop.
Save escusado/e7a3d6aaeb9e3ff50fc38bd41a25c782 to your computer and use it in GitHub Desktop.
colts.ts
import Chroma from "chroma-js";
const ColorPalettes = [
["264653", "2A9D8F", "E9C46A", "F4A261", "E76F51"],
["E63946", "F1FAEE", "A8DADC", "457B9D", "1D3557"],
["FFCDB2", "FFB4A2", "E5989B", "B5838D", "6D6875"],
["003049", "D62828", "F77F00", "FCBF49", "EAE2B7"],
["000000", "14213D", "FCA311", "E5E5E5", "FFFFFF"],
["FFA69E", "FAF3DD", "B8F2E6", "AED9E0", "5E6472"],
[
"FFADAD",
"FFD6A5",
"FDFFB6",
"CAFFBF",
"9BF6FF",
"A0C4FF",
"BDB2FF",
"FFC6FF",
"FFFFFC",
],
["FFB5A7", "FCD5CE", "F8EDEB", "F9DCC4", "FEC89A"],
["F6BD60", "F7EDE2", "F5CAC3", "84A59D", "F28482"],
["F94144", "F3722C", "F8961E", "F9C74F", "90BE6D", "43AA8B", "577590"],
["F4F1DE", "E07A5F", "3D405B", "81B29A", "F2CC8F"],
["8E9AAF", "CBC0D3", "EFD3D7", "FEEAFA", "DEE2FF"],
["FFBE0B", "FB5607", "FF006E", "8338EC", "3A86FF"],
[
"0466C8",
"0353A4",
"023E7D",
"002855",
"001845",
"001233",
"33415C",
"5C677D",
"7D8597",
"979DAC",
],
["05668D", "028090", "00A896", "02C39A", "F0F3BD"],
["F08080", "F4978E", "F8AD9D", "FBC4AB", "FFDAB9"],
[
"03071E",
"370617",
"6A040F",
"9D0208",
"D00000",
"DC2F02",
"E85D04",
"F48C06",
"FAA307",
"FFBA08",
],
["EF476F", "FFD166", "06D6A0", "118AB2", "073B4C"],
["1A535C", "4ECDC4", "F7FFF7", "FF6B6B", "FFE66D"],
["CB997E", "EDDCD2", "FFF1E6", "F0EFEB", "DDBEA9", "A5A58D", "B7B7A4"],
["355070", "6D597A", "B56576", "E56B6F", "EAAC8B"],
["606C38", "283618", "FEFAE0", "DDA15E", "BC6C25"],
["283D3B", "197278", "EDDDD4", "C44536", "772E25"],
["FFFFFF", "84DCC6", "A5FFD6", "FFA69E", "FF686B"],
[
"D8F3DC",
"B7E4C7",
"95D5B2",
"74C69D",
"52B788",
"40916C",
"2D6A4F",
"1B4332",
"081C15",
],
["03045E", "0077B6", "00B4D8", "90E0EF", "CAF0F8"],
["3D5A80", "98C1D9", "E0FBFC", "EE6C4D", "293241"],
["555B6E", "89B0AE", "BEE3DB", "FAF9F9", "FFD6BA"],
["70D6FF", "FF70A6", "FF9770", "FFD670", "E9FF70"],
["22223B", "4A4E69", "9A8C98", "C9ADA7", "F2E9E4"],
[
"EDC4B3",
"E6B8A2",
"DEAB90",
"D69F7E",
"CD9777",
"C38E70",
"B07D62",
"9D6B53",
"8A5A44",
"774936",
],
["227C9D", "17C3B2", "FFCB77", "FEF9EF", "FE6D73"],
["F72585", "7209B7", "3A0CA3", "4361EE", "4CC9F0"],
["C9CBA3", "FFE1A8", "E26D5C", "723D46", "472D30"],
["D8E2DC", "FFE5D9", "FFCAD4", "F4ACB7", "9D8189"],
["CFDBD5", "E8EDDF", "F5CB5C", "242423", "333533"],
["0081A7", "00AFB9", "FDFCDC", "FED9B7", "F07167"],
["006D77", "83C5BE", "EDF6F9", "FFDDD2", "E29578"],
["011627", "FDFFFC", "2EC4B6", "E71D36", "FF9F1C"],
["463F3A", "8A817C", "BCB8B1", "F4F3EE", "E0AFA0"],
["2B2D42", "8D99AE", "EDF2F4", "EF233C", "D90429"],
["00A6FB", "0582CA", "006494", "003554", "051923"],
["FF9F1C", "FFBF69", "FFFFFF", "CBF3F0", "2EC4B6"],
["9B5DE5", "F15BB5", "FEE440", "00BBF9", "00F5D4"],
["F9DBBD", "FFA5AB", "DA627D", "A53860", "450920"],
["FF595E", "FFCA3A", "8AC926", "1982C4", "6A4C93"],
["202C39", "283845", "B8B08D", "F2D492", "F29559"],
["FF99C8", "FCF6BD", "D0F4DE", "A9DEF9", "E4C1F9"],
["9C89B8", "F0A6CA", "EFC3E6", "F0E6EF", "B8BEDD"],
["292F36", "4ECDC4", "F7FFF7", "FF6B6B", "FFE66D"],
["9381FF", "B8B8FF", "F8F7FF", "FFEEDD", "FFD8BE"],
["F7EDF0", "F4CBC6", "F4AFAB", "F4EEA9", "F4F482"],
[
"F8F9FA",
"E9ECEF",
"DEE2E6",
"CED4DA",
"ADB5BD",
"6C757D",
"495057",
"343A40",
"212529",
],
["FFFCF2", "CCC5B9", "403D39", "252422", "EB5E28"],
["F9DBBD", "FFA5AB", "DA627D", "A53860", "450920"],
["177E89", "084C61", "DB3A34", "FFC857", "323031"],
["6B9080", "A4C3B2", "CCE3DE", "EAF4F4", "F6FFF8"],
["CAD2C5", "84A98C", "52796F", "354F52", "2F3E46"],
["64A6BD", "90A8C3", "ADA7C9", "D7B9D5", "F4CAE0"],
["0B132B", "1C2541", "3A506B", "5BC0BE", "6FFFE9"],
["DCDCDD", "C5C3C6", "46494C", "4C5C68", "1985A1"],
[
"FADDE1",
"FFC4D6",
"FFA6C1",
"FF87AB",
"FF5D8F",
"FF97B7",
"FFACC5",
"FFCAD4",
"F4ACB7",
],
["EF6351", "F38375", "F7A399", "FBC3BC", "FFE3E0"],
["2D3142", "BFC0C0", "FFFFFF", "EF8354", "4F5D75"],
["335C67", "FFF3B0", "E09F3E", "9E2A2B", "540B0E"],
["BCE784", "5DD39E", "348AA7", "525174", "513B56"],
["247BA0", "70C1B3", "B2DBBF", "F3FFBD", "FF1654"],
["0C0F0A", "FF206E", "FBFF12", "41EAD4", "FFFFFF"],
["4F000B", "720026", "CE4257", "FF7F51", "FF9B54"],
["5BC0EB", "FDE74C", "9BC53D", "E55934", "FA7921"],
["5F0F40", "9A031E", "FB8B24", "E36414", "0F4C5C"],
["ED6A5A", "F4F1BB", "9BC1BC", "5CA4A9", "E6EBE0"],
["233D4D", "FE7F2D", "FCCA46", "A1C181", "619B8A"],
["666A86", "788AA3", "92B6B1", "B2C9AB", "E8DDB5"],
[
"0C3E5E",
"155B87",
"2D92D1",
"74BBE8",
"97D1F4",
"0C5E50",
"158774",
"2ED1B5",
"74E8D4",
"97F4E5",
],
[
"10002B",
"240046",
"3C096C",
"5A189A",
"7B2CBF",
"9D4EDD",
"C77DFF",
"E0AAFF",
],
[
"2D00F7",
"6A00F4",
"8900F2",
"A100F2",
"B100E8",
"BC00DD",
"D100D1",
"DB00B6",
"E500A4",
"F20089",
],
["50514F", "F25F5C", "FFE066", "247BA0", "70C1B3"],
["FE938C", "E6B89C", "EAD2AC", "9CAFB7", "4281A4"],
["DAD7CD", "A3B18A", "588157", "3A5A40", "344E41"],
["EDEEC9", "DDE7C7", "BFD8BD", "98C9A3", "77BFA3"],
["432371", "714674", "9F6976", "CC8B79", "FAAE7B"],
["D8E2DC", "FFFFFF", "FFCAD4", "F4ACB7", "9D8189"],
["D00000", "FFBA08", "3F88C5", "032B43", "136F63"],
["A3A380", "D6CE93", "EFEBCE", "D8A48F", "BB8588"],
["07BEB8", "3DCCC7", "68D8D6", "9CEAEF", "C4FFF9"],
["0D1321", "1D2D44", "3E5C76", "748CAB", "F0EBD8"],
["FBFBF2", "E5E6E4", "CFD2CD", "A6A2A2", "847577"],
[
"FF4800",
"FF5400",
"FF6000",
"FF6D00",
"FF7900",
"FF8500",
"FF9100",
"FF9E00",
"FFAA00",
"FFB600",
],
["DD6E42", "E8DAB2", "4F6D7A", "C0D6DF", "EAEAEA"],
["4D9DE0", "E15554", "E1BC29", "3BB273", "7768AE"],
["390099", "9E0059", "FF0054", "FF5400", "FFBD00"],
["042A2B", "5EB1BF", "CDEDF6", "EF7B45", "D84727"],
["DAD2D8", "143642", "0F8B8D", "EC9A29", "A8201A"],
["083D77", "EBEBD3", "F4D35E", "EE964B", "F95738"],
["FFC09F", "FFEE93", "FCF5C7", "A0CED9", "ADF7B6"],
["22577A", "38A3A5", "57CC99", "80ED99", "C7F9CC"],
["5AA9E6", "7FC8F8", "F9F9F9", "FFE45E", "FF6392"],
["DDFFF7", "93E1D8", "FFA69E", "AA4465", "462255"],
["BEE9E8", "62B6CB", "1B4965", "CAE9FF", "5FA8D3"],
["114B5F", "1A936F", "88D498", "C6DABF", "F3E9D2"],
["D4E09B", "F6F4D2", "CBDFBD", "F19C79", "A44A3F"],
["B8D8BA", "D9DBBC", "FCDDBC", "EF959D", "69585F"],
["9F9AA4", "E7CFCD", "CFD8D7", "B5C9C3", "CAB1BD"],
["231F20", "BB4430", "7EBDC2", "F3DFA2", "EFE6DD"],
["F7B267", "F79D65", "F4845F", "F27059", "F25C54"],
["1F363D", "40798C", "70A9A1", "9EC1A3", "CFE0C3"],
["D62839", "BA324F", "175676", "4BA3C3", "CCE6F4"],
["461220", "8C2F39", "B23A48", "FCB9B2", "FED0BB"],
["E0FBFC", "C2DFE3", "9DB4C0", "5C6B73", "253237"],
["ECC8AF", "E7AD99", "CE796B", "C18C5D", "495867"],
["220901", "621708", "941B0C", "BC3908", "F6AA1C"],
["FFAC81", "FF928B", "FEC3A6", "EFE9AE", "CDEAC0"],
["FFFFFF", "00171F", "003459", "007EA7", "00A8E8"],
["DFDEDB", "D6C2B8", "BFB3B3", "797F86", "595F67"],
["EDAE49", "D1495B", "00798C", "30638E", "003D5B"],
["540D6E", "EE4266", "FFD23F", "3BCEAC", "0EAD69"],
["1E91D6", "0072BB", "8FC93A", "E4CC37", "E18335"],
["071E22", "1D7874", "679289", "F4C095", "EE2E31"],
["0C090D", "E01A4F", "F15946", "F9C22E", "53B3CB"],
["33658A", "86BBD8", "2F4858", "F6AE2D", "F26419"],
["797D62", "9B9B7A", "D9AE94", "F1DCA7", "FFCB69", "D08C60", "997B66"],
[
"B76935",
"A56336",
"935E38",
"815839",
"6F523B",
"5C4D3C",
"4A473E",
"38413F",
"263C41",
"143642",
],
[
"A48971",
"8D6B48",
"9A774F",
"A9845A",
"BE986D",
"D2A87D",
"E8C9AB",
"F5D7BD",
],
["90F1EF", "FFD6E0", "FFEF9F", "C1FBA4", "7BF1A8"],
["F2D7EE", "D3BCC0", "A5668B", "69306D", "0E103D"],
["0B3954", "087E8B", "BFD7EA", "FF5A5F", "C81D25"],
["250902", "38040E", "640D14", "800E13", "AD2831"],
["B09E99", "FEE9E1", "FAD4C0", "64B6AC", "C0FDFB"],
["3D348B", "7678ED", "F7B801", "F18701", "F35B04"],
["EFD9CE", "DEC0F1", "B79CED", "957FEF", "7161EF"],
["EFC7C2", "FFE5D4", "BFD3C1", "68A691", "694F5D"],
["F7F4EA", "DED9E2", "C0B9DD", "80A1D4", "75C9C8"],
["C9E4CA", "87BBA2", "55828B", "3B6064", "364958"],
["A7BED3", "C6E2E9", "F1FFC4", "FFCAAF", "DAB894"],
["D8DBE2", "A9BCD0", "58A4B0", "373F51", "1B1B1E"],
["8848DB", "5388E9", "21BDB8", "FC593F", "F97357"],
[
"641220",
"6E1423",
"85182A",
"A11D33",
"A71E34",
"B21E35",
"BD1F36",
"C71F37",
"DA1E37",
"E01E37",
],
["7C6A0A", "BABD8D", "FFDAC6", "FA9500", "EB6424"],
["00916E", "FEEFE5", "FFCF00", "EE6123", "FA003F"],
];
const getRandomColorPalette = () => {
const index = Math.floor(Math.random() * ColorPalettes.length);
console.log("🎨 pallete:", index, ColorPalettes[index]);
return ColorPalettes[index];
};
export const randomColorPallete = getRandomColorPalette();
export const randomColor =
randomColorPallete[Math.floor(Math.random() * randomColorPallete.length)];
export const randomColorScale = Chroma.scale(randomColorPallete).mode("lch");
export default ColorPalettes;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment