From 8dd952b215dbc42e9b94a3a82e13f920eb135690 Mon Sep 17 00:00:00 2001 From: winston Date: Tue, 2 Aug 2022 10:28:48 +0200 Subject: [PATCH] feat: add JSON palette --- palette.json | 530 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 530 insertions(+) create mode 100644 palette.json diff --git a/palette.json b/palette.json new file mode 100644 index 0000000..ed5a575 --- /dev/null +++ b/palette.json @@ -0,0 +1,530 @@ +{ + "latte": { + "rosewater": { + "hex": "#dc8a78", + "rgb": "rgb(220, 138, 120)", + "hsl": "hsl(11, 59%, 67%)" + }, + "flamingo": { + "hex": "#dd7878", + "rgb": "rgb(221, 120, 120)", + "hsl": "hsl(0, 60%, 67%)" + }, + "pink": { + "hex": "#ea76cb", + "rgb": "rgb(234, 118, 203)", + "hsl": "hsl(316, 73%, 69%)" + }, + "mauve": { + "hex": "#8839ef", + "rgb": "rgb(136, 57, 239)", + "hsl": "hsl(266, 85%, 58%)" + }, + "red": { + "hex": "#d20f39", + "rgb": "rgb(210, 15, 57)", + "hsl": "hsl(347, 87%, 44%)" + }, + "maroon": { + "hex": "#e64553", + "rgb": "rgb(230, 69, 83)", + "hsl": "hsl(355, 76%, 59%)" + }, + "peach": { + "hex": "#fe640b", + "rgb": "rgb(254, 100, 11)", + "hsl": "\thsl(22, 99%, 52%)" + }, + "yellow": { + "hex": "#df8e1d", + "rgb": "rgb(223, 142, 29)", + "hsl": "hsl(35, 77%, 49%)" + }, + "green": { + "hex": "#40a02b", + "rgb": "rgb(64, 160, 43)", + "hsl": "hsl(109, 58%, 40%)" + }, + "teal": { + "hex": "#179299", + "rgb": "rgb(23, 146, 153)", + "hsl": "hsl(183, 74%, 35%)" + }, + "sky": { + "hex": "#04a5e5", + "rgb": "rgb(4, 165, 229)", + "hsl": "hsl(197, 97%, 46%)" + }, + "sapphire": { + "hex": "#209fb5", + "rgb": "rgb(32, 159, 181)", + "hsl": "hsl(189, 70%, 42%)" + }, + "blue": { + "hex": "#1e66f5", + "rgb": "rgb(30, 102, 245)", + "hsl": "hsl(220, 91%, 54%)" + }, + "lavender": { + "hex": "#7287fd", + "rgb": "rgb(114, 135, 253)", + "hsl": "hsl(231, 97%, 72%)" + }, + "text": { + "hex": "#4c4f69", + "rgb": "rgb(76, 79, 105)", + "hsl": "hsl(234, 16%, 35%)" + }, + "subtext1": { + "hex": "#5c5f77", + "rgb": "rgb(92, 95, 119)", + "hsl": "hsl(233, 13%, 41%)" + }, + "subtext0": { + "hex": "#6c6f85", + "rgb": "rgb(108, 111, 133)", + "hsl": "hsl(233, 10%, 47%)" + }, + "overlay2": { + "hex": "#7c7f93", + "rgb": "rgb(124, 127, 147)", + "hsl": "hsl(232, 10%, 53%)" + }, + "overlay1": { + "hex": "#8c8fa1", + "rgb": "rgb(140, 143, 161)", + "hsl": "hsl(231, 10%, 59%)" + }, + "overlay0": { + "hex": "#9ca0b0", + "rgb": "rgb(156, 160, 176)", + "hsl": "hsl(228, 11%, 65%)" + }, + "surface2": { + "hex": "#acb0be", + "rgb": "rgb(172, 176, 190)", + "hsl": "hsl(227, 12%, 71%)" + }, + "surface1": { + "hex": "#bcc0cc", + "rgb": "rgb(188, 192, 204)", + "hsl": "hsl(225, 14%, 77%)" + }, + "surface0": { + "hex": "#ccd0da", + "rgb": "rgb(204, 208, 218)", + "hsl": "hsl(223, 16%, 83%)" + }, + "crust": { + "hex": "#dce0e8", + "rgb": "rgb(220, 224, 232)", + "hsl": "hsl(220, 21%, 89%)" + }, + "mantle": { + "hex": "#e6e9ef", + "rgb": "rgb(230, 233, 239)", + "hsl": "hsl(220, 22%, 92%)" + }, + "base": { + "hex": "#eff1f5", + "rgb": "rgb(239, 241, 245)", + "hsl": "hsl(220, 23%, 95%)" + } + }, + "frappe": { + "rosewater": { + "hex": "#f2d5cf", + "rgb": "rgb(242, 213, 207)", + "hsl": "hsl(10, 57%, 88%)" + }, + "flamingo": { + "hex": "#eebebe", + "rgb": "rgb(238, 190, 190)", + "hsl": "hsl(0, 59%, 84%)" + }, + "pink": { + "hex": "#f4b8e4", + "rgb": "rgb(244, 184, 228)", + "hsl": "hsl(316, 73%, 84%)" + }, + "mauve": { + "hex": "#ca9ee6", + "rgb": "rgb(202, 158, 230)", + "hsl": "hsl(277, 59%, 76%)" + }, + "red": { + "hex": "#e78284", + "rgb": "rgb(231, 130, 132)", + "hsl": "hsl(359, 68%, 71%)" + }, + "maroon": { + "hex": "#ea999c", + "rgb": "rgb(234, 153, 156)", + "hsl": "hsl(358, 66%, 76%)" + }, + "peach": { + "hex": "#ef9f76", + "rgb": "rgb(239, 159, 118)", + "hsl": "hsl(20, 79%, 70%)" + }, + "yellow": { + "hex": "#e5c890", + "rgb": "rgb(229, 200, 144)", + "hsl": "hsl(40, 62%, 73%)" + }, + "green": { + "hex": "#a6d189", + "rgb": "rgb(166, 209, 137)", + "hsl": "hsl(96, 44%, 68%)" + }, + "teal": { + "hex": "#81c8be", + "rgb": "rgb(129, 200, 190)", + "hsl": "hsl(172, 39%, 65%)" + }, + "sky": { + "hex": "#99d1db", + "rgb": "rgb(153, 209, 219)", + "hsl": "hsl(189, 48%, 73%)" + }, + "sapphire": { + "hex": "#85c1dc", + "rgb": "rgb(133, 193, 220)", + "hsl": "hsl(199, 55%, 69%)" + }, + "blue": { + "hex": "#8caaee", + "rgb": "rgb(140, 170, 238)", + "hsl": "hsl(222, 74%, 74%)" + }, + "lavender": { + "hex": "#babbf1", + "rgb": "rgb(186, 187, 241)", + "hsl": "hsl(239, 66%, 84%)" + }, + "text": { + "hex": "#c6d0f5", + "rgb": "rgb(198, 208, 245)", + "hsl": "hsl(227, 70%, 87%)" + }, + "subtext1": { + "hex": "#b5bfe2", + "rgb": "rgb(181, 191, 226)", + "hsl": "hsl(227, 44%, 80%)" + }, + "subtext0": { + "hex": "#a5adce", + "rgb": "rgb(165, 173, 206)", + "hsl": "hsl(228, 29%, 73%)" + }, + "overlay2": { + "hex": "#949cbb", + "rgb": "rgb(148, 156, 187)", + "hsl": "hsl(228, 22%, 66%)" + }, + "overlay1": { + "hex": "#838ba7", + "rgb": "rgb(131, 139, 167)", + "hsl": "hsl(227, 17%, 58%)" + }, + "overlay0": { + "hex": "#737994", + "rgb": "rgb(115, 121, 148)", + "hsl": "hsl(229, 13%, 52%)" + }, + "surface2": { + "hex": "#626880", + "rgb": "rgb(98, 104, 128)", + "hsl": "hsl(228, 13%, 44%)" + }, + "surface1": { + "hex": "#51576d", + "rgb": "rgb(81, 87, 109)", + "hsl": "hsl(227, 15%, 37%)" + }, + "surface0": { + "hex": "#414559", + "rgb": "rgb(65, 69, 89)", + "hsl": "hsl(230, 16%, 30%)" + }, + "base": { + "hex": "#303446", + "rgb": "rgb(48, 52, 70)", + "hsl": "hsl(229, 19%, 23%)" + }, + "mantle": { + "hex": "#292c3c", + "rgb": "rgb(41, 44, 60)", + "hsl": "hsl(231, 19%, 20%)" + }, + "crust": { + "hex": "#232634", + "rgb": "rgb(35, 38, 52)", + "hsl": "hsl(229, 20%, 17%)" + } + }, + "macchiato": { + "rosewater": { + "hex": "#f4dbd6", + "rgb": "rgb(244, 219, 214)", + "hsl": "hsl(10, 58%, 90%)" + }, + "flamingo": { + "hex": "#f0c6c6", + "rgb": "rgb(240, 198, 198)", + "hsl": "hsl(0, 58%, 86%)" + }, + "pink": { + "hex": "#f5bde6", + "rgb": "rgb(245, 189, 230)", + "hsl": "hsl(316, 74%, 85%)" + }, + "mauve": { + "hex": "#c6a0f6", + "rgb": "rgb(198, 160, 246)", + "hsl": "hsl(267, 83%, 80%)" + }, + "red": { + "hex": "#ed8796", + "rgb": "rgb(237, 135, 150)", + "hsl": "hsl(351, 74%, 73%)" + }, + "maroon": { + "hex": "#ee99a0", + "rgb": "rgb(238, 153, 160)", + "hsl": "hsl(355, 71%, 77%)" + }, + "peach": { + "hex": "#f5a97f", + "rgb": "rgb(245, 169, 127)", + "hsl": "hsl(21, 86%, 73%)" + }, + "yellow": { + "hex": "#eed49f", + "rgb": "rgb(238, 212, 159)", + "hsl": "hsl(40, 70%, 78%)" + }, + "green": { + "hex": "#a6da95", + "rgb": "rgb(166, 218, 149)", + "hsl": "hsl(105, 48%, 72%)" + }, + "teal": { + "hex": "#8bd5ca", + "rgb": "rgb(139, 213, 202)", + "hsl": "hsl(171, 47%, 69%)" + }, + "sky": { + "hex": "#91d7e3", + "rgb": "rgb(145, 215, 227)", + "hsl": "hsl(189, 59%, 73%)" + }, + "sapphire": { + "hex": "#7dc4e4", + "rgb": "rgb(125, 196, 228)", + "hsl": "hsl(199, 66%, 69%)" + }, + "blue": { + "hex": "#8aadf4", + "rgb": "rgb(138, 173, 244)", + "hsl": "hsl(220, 83%, 75%)" + }, + "lavender": { + "hex": "#b7bdf8", + "rgb": "rgb(183, 189, 248)", + "hsl": "hsl(234, 82%, 85%)" + }, + "text": { + "hex": "#cad3f5", + "rgb": "rgb(202, 211, 245)", + "hsl": "hsl(227, 68%, 88%)" + }, + "subtext1": { + "hex": "#b8c0e0", + "rgb": "rgb(184, 192, 224)", + "hsl": "hsl(228, 39%, 80%)" + }, + "subtext0": { + "hex": "#a5adcb", + "rgb": "rgb(165, 173, 203)", + "hsl": "hsl(227, 27%, 72%)" + }, + "overlay2": { + "hex": "#939ab7", + "rgb": "rgb(147, 154, 183)", + "hsl": "hsl(228, 20%, 65%)" + }, + "overlay1": { + "hex": "#8087a2", + "rgb": "rgb(128, 135, 162)", + "hsl": "hsl(228, 15%, 57%)" + }, + "overlay0": { + "hex": "#6e738d", + "rgb": "rgb(110, 115, 141)", + "hsl": "hsl(230, 12%, 49%)" + }, + "surface2": { + "hex": "#5b6078", + "rgb": "rgb(91, 96, 120)", + "hsl": "hsl(230, 14%, 41%)" + }, + "surface1": { + "hex": "#494d64", + "rgb": "rgb(73, 77, 100)", + "hsl": "hsl(231, 16%, 34%)" + }, + "surface0": { + "hex": "#363a4f", + "rgb": "rgb(54, 58, 79)", + "hsl": "hsl(230, 19%, 26%)" + }, + "base": { + "hex": "#24273a", + "rgb": "rgb(36, 39, 58)", + "hsl": "hsl(232, 23%, 18%)" + }, + "mantle": { + "hex": "#1e2030", + "rgb": "rgb(30, 32, 48)", + "hsl": "hsl(233, 23%, 15%)" + }, + "crust": { + "hex": "#181926", + "rgb": "rgb(24, 25, 38)", + "hsl": "hsl(236, 23%, 12%)" + } + }, + "mocha": { + "rosewater": { + "hex": "#f5e0dc", + "rgb": "rgb(245, 224, 220)", + "hsl": "hsl(10, 56%, 91%)" + }, + "flamingo": { + "hex": "#f2cdcd", + "rgb": "rgb(242, 205, 205)", + "hsl": "hsl(0, 59%, 88%)" + }, + "pink": { + "hex": "#f5c2e7", + "rgb": "rgb(245, 194, 231)", + "hsl": "hsl(316, 72%, 86%)" + }, + "mauve": { + "hex": "#cba6f7", + "rgb": "rgb(203, 166, 247)", + "hsl": "hsl(267, 84%, 81%)" + }, + "red": { + "hex": "#f38ba8", + "rgb": "rgb(243, 139, 168)", + "hsl": "hsl(343, 81%, 75%)" + }, + "maroon": { + "hex": "#eba0ac", + "rgb": "rgb(235, 160, 172)", + "hsl": "hsl(350, 65%, 77%)" + }, + "peach": { + "hex": "#fab387", + "rgb": "rgb(250, 179, 135)", + "hsl": "hsl(23, 92%, 75%)" + }, + "yellow": { + "hex": "#f9e2af", + "rgb": "rgb(249, 226, 175)", + "hsl": "hsl(41, 86%, 83%)" + }, + "green": { + "hex": "#a6e3a1", + "rgb": "rgb(166, 227, 161)", + "hsl": "hsl(115, 54%, 76%)" + }, + "teal": { + "hex": "#94e2d5", + "rgb": "rgb(148, 226, 213)", + "hsl": "hsl(170, 57%, 73%)" + }, + "sky": { + "hex": "#89dceb", + "rgb": "rgb(137, 220, 235)", + "hsl": "hsl(189, 71%, 73%)" + }, + "sapphire": { + "hex": "#74c7ec", + "rgb": "rgb(116, 199, 236)", + "hsl": "hsl(199, 76%, 69%)" + }, + "blue": { + "hex": "#89b4fa", + "rgb": "rgb(137, 180, 250)", + "hsl": "hsl(217, 92%, 76%)" + }, + "lavender": { + "hex": "#b4befe", + "rgb": "rgb(180, 190, 254)", + "hsl": "hsl(232, 97%, 85%)" + }, + "text": { + "hex": "#cdd6f4", + "rgb": "rgb(205, 214, 244)", + "hsl": "hsl(226, 64%, 88%)" + }, + "subtext1": { + "hex": "#bac2de", + "rgb": "rgb(186, 194, 222)", + "hsl": "hsl(227, 35%, 80%)" + }, + "subtext0": { + "hex": "#a6adc8", + "rgb": "rgb(166, 173, 200)", + "hsl": "hsl(228, 24%, 72%)" + }, + "overlay2": { + "hex": "#9399b2", + "rgb": "rgb(147, 153, 178)", + "hsl": "hsl(228, 17%, 64%)" + }, + "overlay1": { + "hex": "#7f849c", + "rgb": "rgb(127, 132, 156)", + "hsl": "hsl(230, 13%, 55%)" + }, + "overlay0": { + "hex": "#6c7086", + "rgb": "rgb(108, 112, 134)", + "hsl": "hsl(231, 11%, 47%)" + }, + "surface2": { + "hex": "#585b70", + "rgb": "rgb(88, 91, 112)", + "hsl": "hsl(233, 12%, 39%)" + }, + "surface1": { + "hex": "#45475a", + "rgb": "rgb(69, 71, 90)", + "hsl": "hsl(234, 13%, 31%)" + }, + "surface0": { + "hex": "#313244", + "rgb": "rgb(49, 50, 68)", + "hsl": "hsl(237, 16%, 23%)" + }, + "base": { + "hex": "#1e1e2e", + "rgb": "rgb(30, 30, 46)", + "hsl": "hsl(240, 21%, 15%)" + }, + "mantle": { + "hex": "#181825", + "rgb": "rgb(24, 24, 37)", + "hsl": "hsl(240, 21%, 12%)" + }, + "crust": { + "hex": "#11111b", + "rgb": "rgb(17, 17, 27)", + "hsl": "hsl(240, 23%, 9%)" + } + } +}