├── .gitignore ├── .npmignore ├── LICENSE ├── README.md ├── colors.png ├── package.json ├── rollup.config.js ├── scripts └── build-css-modules.js ├── src ├── blackA.ts ├── dark.ts ├── index.ts ├── light.ts └── whiteA.ts ├── tsconfig.json └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | /types 3 | .DS_Store 4 | /*.css 5 | index.js 6 | index.mjs 7 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | /src/ 2 | /scripts/ 3 | .gitignore 4 | tsconfig.json 5 | rollup.config.js 6 | yarn.lock 7 | package-lock.json 8 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Radix 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | [![Radix Colors Logo](colors.png)](https://radix-ui.com/colors) 2 | 3 | # Radix Colors 4 | 5 | **A gorgeous, accessible color system.** 6 | 7 | --- 8 | 9 | ## Documentation 10 | 11 | For full documentation, visit [radix-ui.com/colors/docs](https://radix-ui.com/colors/docs). 12 | 13 | ## Installation 14 | 15 | `yarn add @radix-ui/colors` 16 | 17 | ## Authors 18 | 19 | - Colm Tuite ([@colmtuite](https://twitter.com/colmtuite)) 20 | - Vlad Moroz ([@vladyslavmoroz](https://twitter.com/vladyslavmoroz)) 21 | -------------------------------------------------------------------------------- /colors.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radix-ui/colors/8a03dad3bc93ea4ed48ce2b70847a3538097e02f/colors.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@radix-ui/colors", 3 | "version": "3.0.0", 4 | "contributors": [ 5 | "Colm Tuite ", 6 | "Vlad Moroz " 7 | ], 8 | "main": "index.js", 9 | "module": "index.mjs", 10 | "types": "types/index.d.ts", 11 | "scripts": { 12 | "build": "yarn clean && yarn && rollup -c && yarn build-css-modules", 13 | "build-css-modules": "node ./scripts/build-css-modules.js", 14 | "prepublishOnly": "yarn build", 15 | "postpublish": "yarn clean", 16 | "clean": "git clean -fdX" 17 | }, 18 | "keywords": [ 19 | "radix", 20 | "colors" 21 | ], 22 | "sideEffects": false, 23 | "publishConfig": { 24 | "access": "public" 25 | }, 26 | "devDependencies": { 27 | "@rollup/plugin-typescript": "^8.2.1", 28 | "@types/node": "^15.0.3", 29 | "rollup": "^2.48.0", 30 | "tslib": "^2.2.0", 31 | "typescript": "^4.2.4" 32 | }, 33 | "license": "MIT" 34 | } 35 | -------------------------------------------------------------------------------- /rollup.config.js: -------------------------------------------------------------------------------- 1 | // rollup.config.js 2 | import typescript from '@rollup/plugin-typescript' 3 | 4 | export default { 5 | input: 'src/index.ts', 6 | output: [ 7 | { 8 | file: 'index.js', 9 | format: 'cjs', 10 | }, 11 | { 12 | file: 'index.mjs', 13 | format: 'es', 14 | }, 15 | ], 16 | plugins: [ 17 | typescript({ 18 | tsconfig: './tsconfig.json', 19 | }), 20 | ], 21 | } 22 | -------------------------------------------------------------------------------- /scripts/build-css-modules.js: -------------------------------------------------------------------------------- 1 | const fs = require("fs"); 2 | const path = require("path"); 3 | const allColorScales = require("../index"); 4 | 5 | const outputDir = require("../tsconfig.json").compilerOptions.outDir; 6 | 7 | const supportsP3AtRule = "@supports (color: color(display-p3 1 1 1))"; 8 | const matchesP3MediaRule = "@media (color-gamut: p3)"; 9 | 10 | Object.keys(allColorScales) 11 | .filter((key) => !key.includes("P3")) 12 | .forEach((key) => { 13 | let selector = ":root, .light, .light-theme"; 14 | 15 | if (key === "blackA" || key === "whiteA") { 16 | selector = ":root"; 17 | } 18 | 19 | if (key.includes("Dark")) { 20 | selector = ".dark, .dark-theme"; 21 | } 22 | 23 | const srgbValues = Object.entries(allColorScales).find( 24 | ([name]) => name === key 25 | )[1]; 26 | 27 | const srgbCssProperties = Object.entries(srgbValues) 28 | .map(([name, value]) => [toCssCasing(name), value]) 29 | .map(([name, value]) => ` --${name}: ${value};`) 30 | .join("\n"); 31 | 32 | const srgbCssRule = `${selector} {\n${srgbCssProperties}\n}`; 33 | 34 | const p3Values = Object.entries(allColorScales).find( 35 | ([name]) => name === key + "P3" || name === key.replace(/.$/, "P3A") 36 | )[1]; 37 | 38 | const p3CssProperties = Object.entries(p3Values) 39 | .map(([name, value]) => [toCssCasing(name), value]) 40 | .map(([name, value]) => ` --${name}: ${value};`) 41 | .join("\n"); 42 | 43 | let p3CssRule = ` ${selector} {\n${p3CssProperties}\n }`; 44 | p3CssRule = ` ${matchesP3MediaRule} {\n${p3CssRule}\n }`; 45 | p3CssRule = `${supportsP3AtRule} {\n${p3CssRule}\n}`; 46 | 47 | fs.writeFileSync( 48 | path.join(outputDir, toFileName(key) + ".css"), 49 | `${srgbCssRule}\n\n${p3CssRule}` 50 | ); 51 | }); 52 | 53 | function toCssCasing(str) { 54 | return str 55 | .replace(/([a-z])(\d)/, "$1-$2") 56 | .replace(/([A-Z])/g, "-$1") 57 | .toLowerCase(); 58 | } 59 | 60 | function toFileName(str) { 61 | return toCssCasing(str).replace(/-a$/, "-alpha"); 62 | } 63 | -------------------------------------------------------------------------------- /src/blackA.ts: -------------------------------------------------------------------------------- 1 | export const blackA = { 2 | blackA1: "rgba(0, 0, 0, 0.05)", 3 | blackA2: "rgba(0, 0, 0, 0.1)", 4 | blackA3: "rgba(0, 0, 0, 0.15)", 5 | blackA4: "rgba(0, 0, 0, 0.2)", 6 | blackA5: "rgba(0, 0, 0, 0.3)", 7 | blackA6: "rgba(0, 0, 0, 0.4)", 8 | blackA7: "rgba(0, 0, 0, 0.5)", 9 | blackA8: "rgba(0, 0, 0, 0.6)", 10 | blackA9: "rgba(0, 0, 0, 0.7)", 11 | blackA10: "rgba(0, 0, 0, 0.8)", 12 | blackA11: "rgba(0, 0, 0, 0.9)", 13 | blackA12: "rgba(0, 0, 0, 0.95)", 14 | }; 15 | 16 | export const blackP3A = { 17 | blackA1: "color(display-p3 0 0 0 / 0.05)", 18 | blackA2: "color(display-p3 0 0 0 / 0.1)", 19 | blackA3: "color(display-p3 0 0 0 / 0.15)", 20 | blackA4: "color(display-p3 0 0 0 / 0.2)", 21 | blackA5: "color(display-p3 0 0 0 / 0.3)", 22 | blackA6: "color(display-p3 0 0 0 / 0.4)", 23 | blackA7: "color(display-p3 0 0 0 / 0.5)", 24 | blackA8: "color(display-p3 0 0 0 / 0.6)", 25 | blackA9: "color(display-p3 0 0 0 / 0.7)", 26 | blackA10: "color(display-p3 0 0 0 / 0.8)", 27 | blackA11: "color(display-p3 0 0 0 / 0.9)", 28 | blackA12: "color(display-p3 0 0 0 / 0.95)", 29 | }; 30 | -------------------------------------------------------------------------------- /src/dark.ts: -------------------------------------------------------------------------------- 1 | export const grayDark = { 2 | gray1: "#111111", 3 | gray2: "#191919", 4 | gray3: "#222222", 5 | gray4: "#2a2a2a", 6 | gray5: "#313131", 7 | gray6: "#3a3a3a", 8 | gray7: "#484848", 9 | gray8: "#606060", 10 | gray9: "#6e6e6e", 11 | gray10: "#7b7b7b", 12 | gray11: "#b4b4b4", 13 | gray12: "#eeeeee", 14 | }; 15 | 16 | export const grayDarkA = { 17 | grayA1: "#00000000", 18 | grayA2: "#ffffff09", 19 | grayA3: "#ffffff12", 20 | grayA4: "#ffffff1b", 21 | grayA5: "#ffffff22", 22 | grayA6: "#ffffff2c", 23 | grayA7: "#ffffff3b", 24 | grayA8: "#ffffff55", 25 | grayA9: "#ffffff64", 26 | grayA10: "#ffffff72", 27 | grayA11: "#ffffffaf", 28 | grayA12: "#ffffffed", 29 | }; 30 | 31 | export const grayDarkP3 = { 32 | gray1: "color(display-p3 0.067 0.067 0.067)", 33 | gray2: "color(display-p3 0.098 0.098 0.098)", 34 | gray3: "color(display-p3 0.135 0.135 0.135)", 35 | gray4: "color(display-p3 0.163 0.163 0.163)", 36 | gray5: "color(display-p3 0.192 0.192 0.192)", 37 | gray6: "color(display-p3 0.228 0.228 0.228)", 38 | gray7: "color(display-p3 0.283 0.283 0.283)", 39 | gray8: "color(display-p3 0.375 0.375 0.375)", 40 | gray9: "color(display-p3 0.431 0.431 0.431)", 41 | gray10: "color(display-p3 0.484 0.484 0.484)", 42 | gray11: "color(display-p3 0.706 0.706 0.706)", 43 | gray12: "color(display-p3 0.933 0.933 0.933)", 44 | }; 45 | 46 | export const grayDarkP3A = { 47 | grayA1: "color(display-p3 0 0 0 / 0)", 48 | grayA2: "color(display-p3 1 1 1 / 0.034)", 49 | grayA3: "color(display-p3 1 1 1 / 0.071)", 50 | grayA4: "color(display-p3 1 1 1 / 0.105)", 51 | grayA5: "color(display-p3 1 1 1 / 0.134)", 52 | grayA6: "color(display-p3 1 1 1 / 0.172)", 53 | grayA7: "color(display-p3 1 1 1 / 0.231)", 54 | grayA8: "color(display-p3 1 1 1 / 0.332)", 55 | grayA9: "color(display-p3 1 1 1 / 0.391)", 56 | grayA10: "color(display-p3 1 1 1 / 0.445)", 57 | grayA11: "color(display-p3 1 1 1 / 0.685)", 58 | grayA12: "color(display-p3 1 1 1 / 0.929)", 59 | }; 60 | 61 | export const mauveDark = { 62 | mauve1: "#121113", 63 | mauve2: "#1a191b", 64 | mauve3: "#232225", 65 | mauve4: "#2b292d", 66 | mauve5: "#323035", 67 | mauve6: "#3c393f", 68 | mauve7: "#49474e", 69 | mauve8: "#625f69", 70 | mauve9: "#6f6d78", 71 | mauve10: "#7c7a85", 72 | mauve11: "#b5b2bc", 73 | mauve12: "#eeeef0", 74 | }; 75 | 76 | export const mauveDarkA = { 77 | mauveA1: "#00000000", 78 | mauveA2: "#f5f4f609", 79 | mauveA3: "#ebeaf814", 80 | mauveA4: "#eee5f81d", 81 | mauveA5: "#efe6fe25", 82 | mauveA6: "#f1e6fd30", 83 | mauveA7: "#eee9ff40", 84 | mauveA8: "#eee7ff5d", 85 | mauveA9: "#eae6fd6e", 86 | mauveA10: "#ece9fd7c", 87 | mauveA11: "#f5f1ffb7", 88 | mauveA12: "#fdfdffef", 89 | }; 90 | 91 | export const mauveDarkP3 = { 92 | mauve1: "color(display-p3 0.07 0.067 0.074)", 93 | mauve2: "color(display-p3 0.101 0.098 0.105)", 94 | mauve3: "color(display-p3 0.138 0.134 0.144)", 95 | mauve4: "color(display-p3 0.167 0.161 0.175)", 96 | mauve5: "color(display-p3 0.196 0.189 0.206)", 97 | mauve6: "color(display-p3 0.232 0.225 0.245)", 98 | mauve7: "color(display-p3 0.286 0.277 0.302)", 99 | mauve8: "color(display-p3 0.383 0.373 0.408)", 100 | mauve9: "color(display-p3 0.434 0.428 0.467)", 101 | mauve10: "color(display-p3 0.487 0.48 0.519)", 102 | mauve11: "color(display-p3 0.707 0.7 0.735)", 103 | mauve12: "color(display-p3 0.933 0.933 0.94)", 104 | }; 105 | 106 | export const mauveDarkP3A = { 107 | mauveA1: "color(display-p3 0 0 0 / 0)", 108 | mauveA2: "color(display-p3 0.996 0.992 1 / 0.034)", 109 | mauveA3: "color(display-p3 0.937 0.933 0.992 / 0.077)", 110 | mauveA4: "color(display-p3 0.957 0.918 0.996 / 0.111)", 111 | mauveA5: "color(display-p3 0.937 0.906 0.996 / 0.145)", 112 | mauveA6: "color(display-p3 0.953 0.925 0.996 / 0.183)", 113 | mauveA7: "color(display-p3 0.945 0.929 1 / 0.246)", 114 | mauveA8: "color(display-p3 0.937 0.918 1 / 0.361)", 115 | mauveA9: "color(display-p3 0.933 0.918 1 / 0.424)", 116 | mauveA10: "color(display-p3 0.941 0.925 1 / 0.479)", 117 | mauveA11: "color(display-p3 0.965 0.961 1 / 0.712)", 118 | mauveA12: "color(display-p3 0.992 0.992 1 / 0.937)", 119 | }; 120 | 121 | export const slateDark = { 122 | slate1: "#111113", 123 | slate2: "#18191b", 124 | slate3: "#212225", 125 | slate4: "#272a2d", 126 | slate5: "#2e3135", 127 | slate6: "#363a3f", 128 | slate7: "#43484e", 129 | slate8: "#5a6169", 130 | slate9: "#696e77", 131 | slate10: "#777b84", 132 | slate11: "#b0b4ba", 133 | slate12: "#edeef0", 134 | }; 135 | 136 | export const slateDarkA = { 137 | slateA1: "#00000000", 138 | slateA2: "#d8f4f609", 139 | slateA3: "#ddeaf814", 140 | slateA4: "#d3edf81d", 141 | slateA5: "#d9edfe25", 142 | slateA6: "#d6ebfd30", 143 | slateA7: "#d9edff40", 144 | slateA8: "#d9edff5d", 145 | slateA9: "#dfebfd6d", 146 | slateA10: "#e5edfd7b", 147 | slateA11: "#f1f7feb5", 148 | slateA12: "#fcfdffef", 149 | }; 150 | 151 | export const slateDarkP3 = { 152 | slate1: "color(display-p3 0.067 0.067 0.074)", 153 | slate2: "color(display-p3 0.095 0.098 0.105)", 154 | slate3: "color(display-p3 0.13 0.135 0.145)", 155 | slate4: "color(display-p3 0.156 0.163 0.176)", 156 | slate5: "color(display-p3 0.183 0.191 0.206)", 157 | slate6: "color(display-p3 0.215 0.226 0.244)", 158 | slate7: "color(display-p3 0.265 0.28 0.302)", 159 | slate8: "color(display-p3 0.357 0.381 0.409)", 160 | slate9: "color(display-p3 0.415 0.431 0.463)", 161 | slate10: "color(display-p3 0.469 0.483 0.514)", 162 | slate11: "color(display-p3 0.692 0.704 0.728)", 163 | slate12: "color(display-p3 0.93 0.933 0.94)", 164 | }; 165 | 166 | export const slateDarkP3A = { 167 | slateA1: "color(display-p3 0 0 0 / 0)", 168 | slateA2: "color(display-p3 0.875 0.992 1 / 0.034)", 169 | slateA3: "color(display-p3 0.882 0.933 0.992 / 0.077)", 170 | slateA4: "color(display-p3 0.882 0.953 0.996 / 0.111)", 171 | slateA5: "color(display-p3 0.878 0.929 0.996 / 0.145)", 172 | slateA6: "color(display-p3 0.882 0.949 0.996 / 0.183)", 173 | slateA7: "color(display-p3 0.882 0.929 1 / 0.246)", 174 | slateA8: "color(display-p3 0.871 0.937 1 / 0.361)", 175 | slateA9: "color(display-p3 0.898 0.937 1 / 0.42)", 176 | slateA10: "color(display-p3 0.918 0.945 1 / 0.475)", 177 | slateA11: "color(display-p3 0.949 0.969 0.996 / 0.708)", 178 | slateA12: "color(display-p3 0.988 0.992 1 / 0.937)", 179 | }; 180 | 181 | export const sageDark = { 182 | sage1: "#101211", 183 | sage2: "#171918", 184 | sage3: "#202221", 185 | sage4: "#272a29", 186 | sage5: "#2e3130", 187 | sage6: "#373b39", 188 | sage7: "#444947", 189 | sage8: "#5b625f", 190 | sage9: "#63706b", 191 | sage10: "#717d79", 192 | sage11: "#adb5b2", 193 | sage12: "#eceeed", 194 | }; 195 | 196 | export const sageDarkA = { 197 | sageA1: "#00000000", 198 | sageA2: "#f0f2f108", 199 | sageA3: "#f3f5f412", 200 | sageA4: "#f2fefd1a", 201 | sageA5: "#f1fbfa22", 202 | sageA6: "#edfbf42d", 203 | sageA7: "#edfcf73c", 204 | sageA8: "#ebfdf657", 205 | sageA9: "#dffdf266", 206 | sageA10: "#e5fdf674", 207 | sageA11: "#f4fefbb0", 208 | sageA12: "#fdfffeed", 209 | }; 210 | 211 | export const sageDarkP3 = { 212 | sage1: "color(display-p3 0.064 0.07 0.067)", 213 | sage2: "color(display-p3 0.092 0.098 0.094)", 214 | sage3: "color(display-p3 0.128 0.135 0.131)", 215 | sage4: "color(display-p3 0.155 0.164 0.159)", 216 | sage5: "color(display-p3 0.183 0.193 0.188)", 217 | sage6: "color(display-p3 0.218 0.23 0.224)", 218 | sage7: "color(display-p3 0.269 0.285 0.277)", 219 | sage8: "color(display-p3 0.362 0.382 0.373)", 220 | sage9: "color(display-p3 0.398 0.438 0.421)", 221 | sage10: "color(display-p3 0.453 0.49 0.474)", 222 | sage11: "color(display-p3 0.685 0.709 0.697)", 223 | sage12: "color(display-p3 0.927 0.933 0.93)", 224 | }; 225 | 226 | export const sageDarkP3A = { 227 | sageA1: "color(display-p3 0 0 0 / 0)", 228 | sageA2: "color(display-p3 0.976 0.988 0.984 / 0.03)", 229 | sageA3: "color(display-p3 0.992 0.945 0.941 / 0.072)", 230 | sageA4: "color(display-p3 0.988 0.996 0.992 / 0.102)", 231 | sageA5: "color(display-p3 0.992 1 0.996 / 0.131)", 232 | sageA6: "color(display-p3 0.973 1 0.976 / 0.173)", 233 | sageA7: "color(display-p3 0.957 1 0.976 / 0.233)", 234 | sageA8: "color(display-p3 0.957 1 0.984 / 0.334)", 235 | sageA9: "color(display-p3 0.902 1 0.957 / 0.397)", 236 | sageA10: "color(display-p3 0.929 1 0.973 / 0.452)", 237 | sageA11: "color(display-p3 0.969 1 0.988 / 0.688)", 238 | sageA12: "color(display-p3 0.992 1 0.996 / 0.929)", 239 | }; 240 | 241 | export const oliveDark = { 242 | olive1: "#111210", 243 | olive2: "#181917", 244 | olive3: "#212220", 245 | olive4: "#282a27", 246 | olive5: "#2f312e", 247 | olive6: "#383a36", 248 | olive7: "#454843", 249 | olive8: "#5c625b", 250 | olive9: "#687066", 251 | olive10: "#767d74", 252 | olive11: "#afb5ad", 253 | olive12: "#eceeec", 254 | }; 255 | 256 | export const oliveDarkA = { 257 | oliveA1: "#00000000", 258 | oliveA2: "#f1f2f008", 259 | oliveA3: "#f4f5f312", 260 | oliveA4: "#f3fef21a", 261 | oliveA5: "#f2fbf122", 262 | oliveA6: "#f4faed2c", 263 | oliveA7: "#f2fced3b", 264 | oliveA8: "#edfdeb57", 265 | oliveA9: "#ebfde766", 266 | oliveA10: "#f0fdec74", 267 | oliveA11: "#f6fef4b0", 268 | oliveA12: "#fdfffded", 269 | }; 270 | 271 | export const oliveDarkP3 = { 272 | olive1: "color(display-p3 0.067 0.07 0.063)", 273 | olive2: "color(display-p3 0.095 0.098 0.091)", 274 | olive3: "color(display-p3 0.131 0.135 0.126)", 275 | olive4: "color(display-p3 0.158 0.163 0.153)", 276 | olive5: "color(display-p3 0.186 0.192 0.18)", 277 | olive6: "color(display-p3 0.221 0.229 0.215)", 278 | olive7: "color(display-p3 0.273 0.284 0.266)", 279 | olive8: "color(display-p3 0.365 0.382 0.359)", 280 | olive9: "color(display-p3 0.414 0.438 0.404)", 281 | olive10: "color(display-p3 0.467 0.49 0.458)", 282 | olive11: "color(display-p3 0.69 0.709 0.682)", 283 | olive12: "color(display-p3 0.927 0.933 0.926)", 284 | }; 285 | 286 | export const oliveDarkP3A = { 287 | oliveA1: "color(display-p3 0 0 0 / 0)", 288 | oliveA2: "color(display-p3 0.984 0.988 0.976 / 0.03)", 289 | oliveA3: "color(display-p3 0.992 0.996 0.988 / 0.068)", 290 | oliveA4: "color(display-p3 0.953 0.996 0.949 / 0.102)", 291 | oliveA5: "color(display-p3 0.969 1 0.965 / 0.131)", 292 | oliveA6: "color(display-p3 0.973 1 0.969 / 0.169)", 293 | oliveA7: "color(display-p3 0.98 1 0.961 / 0.228)", 294 | oliveA8: "color(display-p3 0.961 1 0.957 / 0.334)", 295 | oliveA9: "color(display-p3 0.949 1 0.922 / 0.397)", 296 | oliveA10: "color(display-p3 0.953 1 0.941 / 0.452)", 297 | oliveA11: "color(display-p3 0.976 1 0.965 / 0.688)", 298 | oliveA12: "color(display-p3 0.992 1 0.992 / 0.929)", 299 | }; 300 | 301 | export const sandDark = { 302 | sand1: "#111110", 303 | sand2: "#191918", 304 | sand3: "#222221", 305 | sand4: "#2a2a28", 306 | sand5: "#31312e", 307 | sand6: "#3b3a37", 308 | sand7: "#494844", 309 | sand8: "#62605b", 310 | sand9: "#6f6d66", 311 | sand10: "#7c7b74", 312 | sand11: "#b5b3ad", 313 | sand12: "#eeeeec", 314 | }; 315 | 316 | export const sandDarkA = { 317 | sandA1: "#00000000", 318 | sandA2: "#f4f4f309", 319 | sandA3: "#f6f6f513", 320 | sandA4: "#fefef31b", 321 | sandA5: "#fbfbeb23", 322 | sandA6: "#fffaed2d", 323 | sandA7: "#fffbed3c", 324 | sandA8: "#fff9eb57", 325 | sandA9: "#fffae965", 326 | sandA10: "#fffdee73", 327 | sandA11: "#fffcf4b0", 328 | sandA12: "#fffffded", 329 | }; 330 | 331 | export const sandDarkP3 = { 332 | sand1: "color(display-p3 0.067 0.067 0.063)", 333 | sand2: "color(display-p3 0.098 0.098 0.094)", 334 | sand3: "color(display-p3 0.135 0.135 0.129)", 335 | sand4: "color(display-p3 0.164 0.163 0.156)", 336 | sand5: "color(display-p3 0.193 0.192 0.183)", 337 | sand6: "color(display-p3 0.23 0.229 0.217)", 338 | sand7: "color(display-p3 0.285 0.282 0.267)", 339 | sand8: "color(display-p3 0.384 0.378 0.357)", 340 | sand9: "color(display-p3 0.434 0.428 0.403)", 341 | sand10: "color(display-p3 0.487 0.481 0.456)", 342 | sand11: "color(display-p3 0.707 0.703 0.68)", 343 | sand12: "color(display-p3 0.933 0.933 0.926)", 344 | }; 345 | 346 | export const sandDarkP3A = { 347 | sandA1: "color(display-p3 0 0 0 / 0)", 348 | sandA2: "color(display-p3 0.992 0.992 0.988 / 0.034)", 349 | sandA3: "color(display-p3 0.996 0.996 0.992 / 0.072)", 350 | sandA4: "color(display-p3 0.992 0.992 0.953 / 0.106)", 351 | sandA5: "color(display-p3 1 1 0.965 / 0.135)", 352 | sandA6: "color(display-p3 1 0.976 0.929 / 0.177)", 353 | sandA7: "color(display-p3 1 0.984 0.929 / 0.236)", 354 | sandA8: "color(display-p3 1 0.976 0.925 / 0.341)", 355 | sandA9: "color(display-p3 1 0.98 0.925 / 0.395)", 356 | sandA10: "color(display-p3 1 0.992 0.933 / 0.45)", 357 | sandA11: "color(display-p3 1 0.996 0.961 / 0.685)", 358 | sandA12: "color(display-p3 1 1 0.992 / 0.929)", 359 | }; 360 | 361 | export const tomatoDark = { 362 | tomato1: "#181111", 363 | tomato2: "#1f1513", 364 | tomato3: "#391714", 365 | tomato4: "#4e1511", 366 | tomato5: "#5e1c16", 367 | tomato6: "#6e2920", 368 | tomato7: "#853a2d", 369 | tomato8: "#ac4d39", 370 | tomato9: "#e54d2e", 371 | tomato10: "#ec6142", 372 | tomato11: "#ff977d", 373 | tomato12: "#fbd3cb", 374 | }; 375 | 376 | export const tomatoDarkA = { 377 | tomatoA1: "#f1121208", 378 | tomatoA2: "#ff55330f", 379 | tomatoA3: "#ff35232b", 380 | tomatoA4: "#fd201142", 381 | tomatoA5: "#fe332153", 382 | tomatoA6: "#ff4f3864", 383 | tomatoA7: "#fd644a7d", 384 | tomatoA8: "#fe6d4ea7", 385 | tomatoA9: "#fe5431e4", 386 | tomatoA10: "#ff6847eb", 387 | tomatoA11: "#ff977d", 388 | tomatoA12: "#ffd6cefb", 389 | }; 390 | 391 | export const tomatoDarkP3 = { 392 | tomato1: "color(display-p3 0.09 0.068 0.067)", 393 | tomato2: "color(display-p3 0.115 0.084 0.076)", 394 | tomato3: "color(display-p3 0.205 0.097 0.083)", 395 | tomato4: "color(display-p3 0.282 0.099 0.077)", 396 | tomato5: "color(display-p3 0.339 0.129 0.101)", 397 | tomato6: "color(display-p3 0.398 0.179 0.141)", 398 | tomato7: "color(display-p3 0.487 0.245 0.194)", 399 | tomato8: "color(display-p3 0.629 0.322 0.248)", 400 | tomato9: "color(display-p3 0.831 0.345 0.231)", 401 | tomato10: "color(display-p3 0.862 0.415 0.298)", 402 | tomato11: "color(display-p3 1 0.585 0.455)", 403 | tomato12: "color(display-p3 0.959 0.833 0.802)", 404 | }; 405 | 406 | export const tomatoDarkP3A = { 407 | tomatoA1: "color(display-p3 0.973 0.071 0.071 / 0.026)", 408 | tomatoA2: "color(display-p3 0.992 0.376 0.224 / 0.051)", 409 | tomatoA3: "color(display-p3 0.996 0.282 0.176 / 0.148)", 410 | tomatoA4: "color(display-p3 1 0.204 0.118 / 0.232)", 411 | tomatoA5: "color(display-p3 1 0.286 0.192 / 0.29)", 412 | tomatoA6: "color(display-p3 1 0.392 0.278 / 0.353)", 413 | tomatoA7: "color(display-p3 1 0.459 0.349 / 0.45)", 414 | tomatoA8: "color(display-p3 1 0.49 0.369 / 0.601)", 415 | tomatoA9: "color(display-p3 1 0.408 0.267 / 0.82)", 416 | tomatoA10: "color(display-p3 1 0.478 0.341 / 0.853)", 417 | tomatoA11: "color(display-p3 1 0.585 0.455)", 418 | tomatoA12: "color(display-p3 0.959 0.833 0.802)", 419 | }; 420 | 421 | export const redDark = { 422 | red1: "#191111", 423 | red2: "#201314", 424 | red3: "#3b1219", 425 | red4: "#500f1c", 426 | red5: "#611623", 427 | red6: "#72232d", 428 | red7: "#8c333a", 429 | red8: "#b54548", 430 | red9: "#e5484d", 431 | red10: "#ec5d5e", 432 | red11: "#ff9592", 433 | red12: "#ffd1d9", 434 | }; 435 | 436 | export const redDarkA = { 437 | redA1: "#f4121209", 438 | redA2: "#f22f3e11", 439 | redA3: "#ff173f2d", 440 | redA4: "#fe0a3b44", 441 | redA5: "#ff204756", 442 | redA6: "#ff3e5668", 443 | redA7: "#ff536184", 444 | redA8: "#ff5d61b0", 445 | redA9: "#fe4e54e4", 446 | redA10: "#ff6465eb", 447 | redA11: "#ff9592", 448 | redA12: "#ffd1d9", 449 | }; 450 | 451 | export const redDarkP3 = { 452 | red1: "color(display-p3 0.093 0.068 0.067)", 453 | red2: "color(display-p3 0.118 0.077 0.079)", 454 | red3: "color(display-p3 0.211 0.081 0.099)", 455 | red4: "color(display-p3 0.287 0.079 0.113)", 456 | red5: "color(display-p3 0.348 0.11 0.142)", 457 | red6: "color(display-p3 0.414 0.16 0.183)", 458 | red7: "color(display-p3 0.508 0.224 0.236)", 459 | red8: "color(display-p3 0.659 0.298 0.297)", 460 | red9: "color(display-p3 0.83 0.329 0.324)", 461 | red10: "color(display-p3 0.861 0.403 0.387)", 462 | red11: "color(display-p3 1 0.57 0.55)", 463 | red12: "color(display-p3 0.971 0.826 0.852)", 464 | }; 465 | 466 | export const redDarkP3A = { 467 | redA1: "color(display-p3 0.984 0.071 0.071 / 0.03)", 468 | redA2: "color(display-p3 0.996 0.282 0.282 / 0.055)", 469 | redA3: "color(display-p3 1 0.169 0.271 / 0.156)", 470 | redA4: "color(display-p3 1 0.118 0.267 / 0.236)", 471 | redA5: "color(display-p3 1 0.212 0.314 / 0.303)", 472 | redA6: "color(display-p3 1 0.318 0.38 / 0.374)", 473 | redA7: "color(display-p3 1 0.4 0.424 / 0.475)", 474 | redA8: "color(display-p3 1 0.431 0.431 / 0.635)", 475 | redA9: "color(display-p3 1 0.388 0.384 / 0.82)", 476 | redA10: "color(display-p3 1 0.463 0.447 / 0.853)", 477 | redA11: "color(display-p3 1 0.57 0.55)", 478 | redA12: "color(display-p3 0.971 0.826 0.852)", 479 | }; 480 | 481 | export const rubyDark = { 482 | ruby1: "#191113", 483 | ruby2: "#1e1517", 484 | ruby3: "#3a141e", 485 | ruby4: "#4e1325", 486 | ruby5: "#5e1a2e", 487 | ruby6: "#6f2539", 488 | ruby7: "#883447", 489 | ruby8: "#b3445a", 490 | ruby9: "#e54666", 491 | ruby10: "#ec5a72", 492 | ruby11: "#ff949d", 493 | ruby12: "#fed2e1", 494 | }; 495 | 496 | export const rubyDarkA = { 497 | rubyA1: "#f4124a09", 498 | rubyA2: "#fe5a7f0e", 499 | rubyA3: "#ff235d2c", 500 | rubyA4: "#fd195e42", 501 | rubyA5: "#fe2d6b53", 502 | rubyA6: "#ff447665", 503 | rubyA7: "#ff577d80", 504 | rubyA8: "#ff5c7cae", 505 | rubyA9: "#fe4c70e4", 506 | rubyA10: "#ff617beb", 507 | rubyA11: "#ff949d", 508 | rubyA12: "#ffd3e2fe", 509 | }; 510 | 511 | export const rubyDarkP3 = { 512 | ruby1: "color(display-p3 0.093 0.068 0.074)", 513 | ruby2: "color(display-p3 0.113 0.083 0.089)", 514 | ruby3: "color(display-p3 0.208 0.088 0.117)", 515 | ruby4: "color(display-p3 0.279 0.092 0.147)", 516 | ruby5: "color(display-p3 0.337 0.12 0.18)", 517 | ruby6: "color(display-p3 0.401 0.166 0.223)", 518 | ruby7: "color(display-p3 0.495 0.224 0.281)", 519 | ruby8: "color(display-p3 0.652 0.295 0.359)", 520 | ruby9: "color(display-p3 0.83 0.323 0.408)", 521 | ruby10: "color(display-p3 0.857 0.392 0.455)", 522 | ruby11: "color(display-p3 1 0.57 0.59)", 523 | ruby12: "color(display-p3 0.968 0.83 0.88)", 524 | }; 525 | 526 | export const rubyDarkP3A = { 527 | rubyA1: "color(display-p3 0.984 0.071 0.329 / 0.03)", 528 | rubyA2: "color(display-p3 0.992 0.376 0.529 / 0.051)", 529 | rubyA3: "color(display-p3 0.996 0.196 0.404 / 0.152)", 530 | rubyA4: "color(display-p3 1 0.173 0.416 / 0.227)", 531 | rubyA5: "color(display-p3 1 0.259 0.459 / 0.29)", 532 | rubyA6: "color(display-p3 1 0.341 0.506 / 0.358)", 533 | rubyA7: "color(display-p3 1 0.412 0.541 / 0.458)", 534 | rubyA8: "color(display-p3 1 0.431 0.537 / 0.627)", 535 | rubyA9: "color(display-p3 1 0.376 0.482 / 0.82)", 536 | rubyA10: "color(display-p3 1 0.447 0.522 / 0.849)", 537 | rubyA11: "color(display-p3 1 0.57 0.59)", 538 | rubyA12: "color(display-p3 0.968 0.83 0.88)", 539 | }; 540 | 541 | export const crimsonDark = { 542 | crimson1: "#191114", 543 | crimson2: "#201318", 544 | crimson3: "#381525", 545 | crimson4: "#4d122f", 546 | crimson5: "#5c1839", 547 | crimson6: "#6d2545", 548 | crimson7: "#873356", 549 | crimson8: "#b0436e", 550 | crimson9: "#e93d82", 551 | crimson10: "#ee518a", 552 | crimson11: "#ff92ad", 553 | crimson12: "#fdd3e8", 554 | }; 555 | 556 | export const crimsonDarkA = { 557 | crimsonA1: "#f4126709", 558 | crimsonA2: "#f22f7a11", 559 | crimsonA3: "#fe2a8b2a", 560 | crimsonA4: "#fd158741", 561 | crimsonA5: "#fd278f51", 562 | crimsonA6: "#fe459763", 563 | crimsonA7: "#fd559b7f", 564 | crimsonA8: "#fe5b9bab", 565 | crimsonA9: "#fe418de8", 566 | crimsonA10: "#ff5693ed", 567 | crimsonA11: "#ff92ad", 568 | crimsonA12: "#ffd5eafd", 569 | }; 570 | 571 | export const crimsonDarkP3 = { 572 | crimson1: "color(display-p3 0.093 0.068 0.078)", 573 | crimson2: "color(display-p3 0.117 0.078 0.095)", 574 | crimson3: "color(display-p3 0.203 0.091 0.143)", 575 | crimson4: "color(display-p3 0.277 0.087 0.182)", 576 | crimson5: "color(display-p3 0.332 0.115 0.22)", 577 | crimson6: "color(display-p3 0.394 0.162 0.268)", 578 | crimson7: "color(display-p3 0.489 0.222 0.336)", 579 | crimson8: "color(display-p3 0.638 0.289 0.429)", 580 | crimson9: "color(display-p3 0.843 0.298 0.507)", 581 | crimson10: "color(display-p3 0.864 0.364 0.539)", 582 | crimson11: "color(display-p3 1 0.56 0.66)", 583 | crimson12: "color(display-p3 0.966 0.834 0.906)", 584 | }; 585 | 586 | export const crimsonDarkP3A = { 587 | crimsonA1: "color(display-p3 0.984 0.071 0.463 / 0.03)", 588 | crimsonA2: "color(display-p3 0.996 0.282 0.569 / 0.055)", 589 | crimsonA3: "color(display-p3 0.996 0.227 0.573 / 0.148)", 590 | crimsonA4: "color(display-p3 1 0.157 0.569 / 0.227)", 591 | crimsonA5: "color(display-p3 1 0.231 0.604 / 0.286)", 592 | crimsonA6: "color(display-p3 1 0.337 0.643 / 0.349)", 593 | crimsonA7: "color(display-p3 1 0.416 0.663 / 0.454)", 594 | crimsonA8: "color(display-p3 0.996 0.427 0.651 / 0.614)", 595 | crimsonA9: "color(display-p3 1 0.345 0.596 / 0.832)", 596 | crimsonA10: "color(display-p3 1 0.42 0.62 / 0.853)", 597 | crimsonA11: "color(display-p3 1 0.56 0.66)", 598 | crimsonA12: "color(display-p3 0.966 0.834 0.906)", 599 | }; 600 | 601 | export const pinkDark = { 602 | pink1: "#191117", 603 | pink2: "#21121d", 604 | pink3: "#37172f", 605 | pink4: "#4b143d", 606 | pink5: "#591c47", 607 | pink6: "#692955", 608 | pink7: "#833869", 609 | pink8: "#a84885", 610 | pink9: "#d6409f", 611 | pink10: "#de51a8", 612 | pink11: "#ff8dcc", 613 | pink12: "#fdd1ea", 614 | }; 615 | 616 | export const pinkDarkA = { 617 | pinkA1: "#f412bc09", 618 | pinkA2: "#f420bb12", 619 | pinkA3: "#fe37cc29", 620 | pinkA4: "#fc1ec43f", 621 | pinkA5: "#fd35c24e", 622 | pinkA6: "#fd51c75f", 623 | pinkA7: "#fd62c87b", 624 | pinkA8: "#ff68c8a2", 625 | pinkA9: "#fe49bcd4", 626 | pinkA10: "#ff5cc0dc", 627 | pinkA11: "#ff8dcc", 628 | pinkA12: "#ffd3ecfd", 629 | }; 630 | 631 | export const pinkDarkP3 = { 632 | pink1: "color(display-p3 0.093 0.068 0.089)", 633 | pink2: "color(display-p3 0.121 0.073 0.11)", 634 | pink3: "color(display-p3 0.198 0.098 0.179)", 635 | pink4: "color(display-p3 0.271 0.095 0.231)", 636 | pink5: "color(display-p3 0.32 0.127 0.273)", 637 | pink6: "color(display-p3 0.382 0.177 0.326)", 638 | pink7: "color(display-p3 0.477 0.238 0.405)", 639 | pink8: "color(display-p3 0.612 0.304 0.51)", 640 | pink9: "color(display-p3 0.775 0.297 0.61)", 641 | pink10: "color(display-p3 0.808 0.356 0.645)", 642 | pink11: "color(display-p3 1 0.535 0.78)", 643 | pink12: "color(display-p3 0.964 0.826 0.912)", 644 | }; 645 | 646 | export const pinkDarkP3A = { 647 | pinkA1: "color(display-p3 0.984 0.071 0.855 / 0.03)", 648 | pinkA2: "color(display-p3 1 0.2 0.8 / 0.059)", 649 | pinkA3: "color(display-p3 1 0.294 0.886 / 0.139)", 650 | pinkA4: "color(display-p3 1 0.192 0.82 / 0.219)", 651 | pinkA5: "color(display-p3 1 0.282 0.827 / 0.274)", 652 | pinkA6: "color(display-p3 1 0.396 0.835 / 0.337)", 653 | pinkA7: "color(display-p3 1 0.459 0.831 / 0.442)", 654 | pinkA8: "color(display-p3 1 0.478 0.827 / 0.585)", 655 | pinkA9: "color(display-p3 1 0.373 0.784 / 0.761)", 656 | pinkA10: "color(display-p3 1 0.435 0.792 / 0.795)", 657 | pinkA11: "color(display-p3 1 0.535 0.78)", 658 | pinkA12: "color(display-p3 0.964 0.826 0.912)", 659 | }; 660 | 661 | export const plumDark = { 662 | plum1: "#181118", 663 | plum2: "#201320", 664 | plum3: "#351a35", 665 | plum4: "#451d47", 666 | plum5: "#512454", 667 | plum6: "#5e3061", 668 | plum7: "#734079", 669 | plum8: "#92549c", 670 | plum9: "#ab4aba", 671 | plum10: "#b658c4", 672 | plum11: "#e796f3", 673 | plum12: "#f4d4f4", 674 | }; 675 | 676 | export const plumDarkA = { 677 | plumA1: "#f112f108", 678 | plumA2: "#f22ff211", 679 | plumA3: "#fd4cfd27", 680 | plumA4: "#f646ff3a", 681 | plumA5: "#f455ff48", 682 | plumA6: "#f66dff56", 683 | plumA7: "#f07cfd70", 684 | plumA8: "#ee84ff95", 685 | plumA9: "#e961feb6", 686 | plumA10: "#ed70ffc0", 687 | plumA11: "#f19cfef3", 688 | plumA12: "#feddfef4", 689 | }; 690 | 691 | export const plumDarkP3 = { 692 | plum1: "color(display-p3 0.09 0.068 0.092)", 693 | plum2: "color(display-p3 0.118 0.077 0.121)", 694 | plum3: "color(display-p3 0.192 0.105 0.202)", 695 | plum4: "color(display-p3 0.25 0.121 0.271)", 696 | plum5: "color(display-p3 0.293 0.152 0.319)", 697 | plum6: "color(display-p3 0.343 0.198 0.372)", 698 | plum7: "color(display-p3 0.424 0.262 0.461)", 699 | plum8: "color(display-p3 0.54 0.341 0.595)", 700 | plum9: "color(display-p3 0.624 0.313 0.708)", 701 | plum10: "color(display-p3 0.666 0.365 0.748)", 702 | plum11: "color(display-p3 0.86 0.602 0.933)", 703 | plum12: "color(display-p3 0.936 0.836 0.949)", 704 | }; 705 | 706 | export const plumDarkP3A = { 707 | plumA1: "color(display-p3 0.973 0.071 0.973 / 0.026)", 708 | plumA2: "color(display-p3 0.933 0.267 1 / 0.059)", 709 | plumA3: "color(display-p3 0.918 0.333 0.996 / 0.148)", 710 | plumA4: "color(display-p3 0.91 0.318 1 / 0.219)", 711 | plumA5: "color(display-p3 0.914 0.388 1 / 0.269)", 712 | plumA6: "color(display-p3 0.906 0.463 1 / 0.328)", 713 | plumA7: "color(display-p3 0.906 0.529 1 / 0.425)", 714 | plumA8: "color(display-p3 0.906 0.553 1 / 0.568)", 715 | plumA9: "color(display-p3 0.875 0.427 1 / 0.69)", 716 | plumA10: "color(display-p3 0.886 0.471 0.996 / 0.732)", 717 | plumA11: "color(display-p3 0.86 0.602 0.933)", 718 | plumA12: "color(display-p3 0.936 0.836 0.949)", 719 | }; 720 | 721 | export const purpleDark = { 722 | purple1: "#18111b", 723 | purple2: "#1e1523", 724 | purple3: "#301c3b", 725 | purple4: "#3d224e", 726 | purple5: "#48295c", 727 | purple6: "#54346b", 728 | purple7: "#664282", 729 | purple8: "#8457aa", 730 | purple9: "#8e4ec6", 731 | purple10: "#9a5cd0", 732 | purple11: "#d19dff", 733 | purple12: "#ecd9fa", 734 | }; 735 | 736 | export const purpleDarkA = { 737 | purpleA1: "#b412f90b", 738 | purpleA2: "#b744f714", 739 | purpleA3: "#c150ff2d", 740 | purpleA4: "#bb53fd42", 741 | purpleA5: "#be5cfd51", 742 | purpleA6: "#c16dfd61", 743 | purpleA7: "#c378fd7a", 744 | purpleA8: "#c47effa4", 745 | purpleA9: "#b661ffc2", 746 | purpleA10: "#bc6fffcd", 747 | purpleA11: "#d19dff", 748 | purpleA12: "#f1ddfffa", 749 | }; 750 | 751 | export const purpleDarkP3 = { 752 | purple1: "color(display-p3 0.09 0.068 0.103)", 753 | purple2: "color(display-p3 0.113 0.082 0.134)", 754 | purple3: "color(display-p3 0.175 0.112 0.224)", 755 | purple4: "color(display-p3 0.224 0.137 0.297)", 756 | purple5: "color(display-p3 0.264 0.167 0.349)", 757 | purple6: "color(display-p3 0.311 0.208 0.406)", 758 | purple7: "color(display-p3 0.381 0.266 0.496)", 759 | purple8: "color(display-p3 0.49 0.349 0.649)", 760 | purple9: "color(display-p3 0.523 0.318 0.751)", 761 | purple10: "color(display-p3 0.57 0.373 0.791)", 762 | purple11: "color(display-p3 0.8 0.62 1)", 763 | purple12: "color(display-p3 0.913 0.854 0.971)", 764 | }; 765 | 766 | export const purpleDarkP3A = { 767 | purpleA1: "color(display-p3 0.686 0.071 0.996 / 0.038)", 768 | purpleA2: "color(display-p3 0.722 0.286 0.996 / 0.072)", 769 | purpleA3: "color(display-p3 0.718 0.349 0.996 / 0.169)", 770 | purpleA4: "color(display-p3 0.702 0.353 1 / 0.248)", 771 | purpleA5: "color(display-p3 0.718 0.404 1 / 0.303)", 772 | purpleA6: "color(display-p3 0.733 0.455 1 / 0.366)", 773 | purpleA7: "color(display-p3 0.753 0.506 1 / 0.458)", 774 | purpleA8: "color(display-p3 0.749 0.522 1 / 0.622)", 775 | purpleA9: "color(display-p3 0.686 0.408 1 / 0.736)", 776 | purpleA10: "color(display-p3 0.71 0.459 1 / 0.778)", 777 | purpleA11: "color(display-p3 0.8 0.62 1)", 778 | purpleA12: "color(display-p3 0.913 0.854 0.971)", 779 | }; 780 | 781 | export const violetDark = { 782 | violet1: "#14121f", 783 | violet2: "#1b1525", 784 | violet3: "#291f43", 785 | violet4: "#33255b", 786 | violet5: "#3c2e69", 787 | violet6: "#473876", 788 | violet7: "#56468b", 789 | violet8: "#6958ad", 790 | violet9: "#6e56cf", 791 | violet10: "#7d66d9", 792 | violet11: "#baa7ff", 793 | violet12: "#e2ddfe", 794 | }; 795 | 796 | export const violetDarkA = { 797 | violetA1: "#4422ff0f", 798 | violetA2: "#853ff916", 799 | violetA3: "#8354fe36", 800 | violetA4: "#7d51fd50", 801 | violetA5: "#845ffd5f", 802 | violetA6: "#8f6cfd6d", 803 | violetA7: "#9879ff83", 804 | violetA8: "#977dfea8", 805 | violetA9: "#8668ffcc", 806 | violetA10: "#9176fed7", 807 | violetA11: "#baa7ff", 808 | violetA12: "#e3defffe", 809 | }; 810 | 811 | export const violetDarkP3 = { 812 | violet1: "color(display-p3 0.077 0.071 0.118)", 813 | violet2: "color(display-p3 0.101 0.084 0.141)", 814 | violet3: "color(display-p3 0.154 0.123 0.256)", 815 | violet4: "color(display-p3 0.191 0.148 0.345)", 816 | violet5: "color(display-p3 0.226 0.182 0.396)", 817 | violet6: "color(display-p3 0.269 0.223 0.449)", 818 | violet7: "color(display-p3 0.326 0.277 0.53)", 819 | violet8: "color(display-p3 0.399 0.346 0.656)", 820 | violet9: "color(display-p3 0.417 0.341 0.784)", 821 | violet10: "color(display-p3 0.477 0.402 0.823)", 822 | violet11: "color(display-p3 0.72 0.65 1)", 823 | violet12: "color(display-p3 0.883 0.867 0.986)", 824 | }; 825 | 826 | export const violetDarkP3A = { 827 | violetA1: "color(display-p3 0.282 0.141 0.996 / 0.055)", 828 | violetA2: "color(display-p3 0.51 0.263 1 / 0.08)", 829 | violetA3: "color(display-p3 0.494 0.337 0.996 / 0.202)", 830 | violetA4: "color(display-p3 0.49 0.345 1 / 0.299)", 831 | violetA5: "color(display-p3 0.525 0.392 1 / 0.353)", 832 | violetA6: "color(display-p3 0.569 0.455 1 / 0.408)", 833 | violetA7: "color(display-p3 0.588 0.494 1 / 0.496)", 834 | violetA8: "color(display-p3 0.596 0.51 1 / 0.631)", 835 | violetA9: "color(display-p3 0.522 0.424 1 / 0.769)", 836 | violetA10: "color(display-p3 0.576 0.482 1 / 0.811)", 837 | violetA11: "color(display-p3 0.72 0.65 1)", 838 | violetA12: "color(display-p3 0.883 0.867 0.986)", 839 | }; 840 | 841 | export const irisDark = { 842 | iris1: "#13131e", 843 | iris2: "#171625", 844 | iris3: "#202248", 845 | iris4: "#262a65", 846 | iris5: "#303374", 847 | iris6: "#3d3e82", 848 | iris7: "#4a4a95", 849 | iris8: "#5958b1", 850 | iris9: "#5b5bd6", 851 | iris10: "#6e6ade", 852 | iris11: "#b1a9ff", 853 | iris12: "#e0dffe", 854 | }; 855 | 856 | export const irisDarkA = { 857 | irisA1: "#3636fe0e", 858 | irisA2: "#564bf916", 859 | irisA3: "#525bff3b", 860 | irisA4: "#4d58ff5a", 861 | irisA5: "#5b62fd6b", 862 | irisA6: "#6d6ffd7a", 863 | irisA7: "#7777fe8e", 864 | irisA8: "#7b7afeac", 865 | irisA9: "#6a6afed4", 866 | irisA10: "#7d79ffdc", 867 | irisA11: "#b1a9ff", 868 | irisA12: "#e1e0fffe", 869 | }; 870 | 871 | export const irisDarkP3 = { 872 | iris1: "color(display-p3 0.075 0.075 0.114)", 873 | iris2: "color(display-p3 0.089 0.086 0.14)", 874 | iris3: "color(display-p3 0.128 0.134 0.272)", 875 | iris4: "color(display-p3 0.153 0.165 0.382)", 876 | iris5: "color(display-p3 0.192 0.201 0.44)", 877 | iris6: "color(display-p3 0.239 0.241 0.491)", 878 | iris7: "color(display-p3 0.291 0.289 0.565)", 879 | iris8: "color(display-p3 0.35 0.345 0.673)", 880 | iris9: "color(display-p3 0.357 0.357 0.81)", 881 | iris10: "color(display-p3 0.428 0.416 0.843)", 882 | iris11: "color(display-p3 0.685 0.662 1)", 883 | iris12: "color(display-p3 0.878 0.875 0.986)", 884 | }; 885 | 886 | export const irisDarkP3A = { 887 | irisA1: "color(display-p3 0.224 0.224 0.992 / 0.051)", 888 | irisA2: "color(display-p3 0.361 0.314 1 / 0.08)", 889 | irisA3: "color(display-p3 0.357 0.373 1 / 0.219)", 890 | irisA4: "color(display-p3 0.325 0.361 1 / 0.337)", 891 | irisA5: "color(display-p3 0.38 0.4 1 / 0.4)", 892 | irisA6: "color(display-p3 0.447 0.447 1 / 0.454)", 893 | irisA7: "color(display-p3 0.486 0.486 1 / 0.534)", 894 | irisA8: "color(display-p3 0.502 0.494 1 / 0.652)", 895 | irisA9: "color(display-p3 0.431 0.431 1 / 0.799)", 896 | irisA10: "color(display-p3 0.502 0.486 1 / 0.832)", 897 | irisA11: "color(display-p3 0.685 0.662 1)", 898 | irisA12: "color(display-p3 0.878 0.875 0.986)", 899 | }; 900 | 901 | export const indigoDark = { 902 | indigo1: "#11131f", 903 | indigo2: "#141726", 904 | indigo3: "#182449", 905 | indigo4: "#1d2e62", 906 | indigo5: "#253974", 907 | indigo6: "#304384", 908 | indigo7: "#3a4f97", 909 | indigo8: "#435db1", 910 | indigo9: "#3e63dd", 911 | indigo10: "#5472e4", 912 | indigo11: "#9eb1ff", 913 | indigo12: "#d6e1ff", 914 | }; 915 | 916 | export const indigoDarkA = { 917 | indigoA1: "#1133ff0f", 918 | indigoA2: "#3354fa17", 919 | indigoA3: "#2f62ff3c", 920 | indigoA4: "#3566ff57", 921 | indigoA5: "#4171fd6b", 922 | indigoA6: "#5178fd7c", 923 | indigoA7: "#5a7fff90", 924 | indigoA8: "#5b81feac", 925 | indigoA9: "#4671ffdb", 926 | indigoA10: "#5c7efee3", 927 | indigoA11: "#9eb1ff", 928 | indigoA12: "#d6e1ff", 929 | }; 930 | 931 | export const indigoDarkP3 = { 932 | indigo1: "color(display-p3 0.068 0.074 0.118)", 933 | indigo2: "color(display-p3 0.081 0.089 0.144)", 934 | indigo3: "color(display-p3 0.105 0.141 0.275)", 935 | indigo4: "color(display-p3 0.129 0.18 0.369)", 936 | indigo5: "color(display-p3 0.163 0.22 0.439)", 937 | indigo6: "color(display-p3 0.203 0.262 0.5)", 938 | indigo7: "color(display-p3 0.245 0.309 0.575)", 939 | indigo8: "color(display-p3 0.285 0.362 0.674)", 940 | indigo9: "color(display-p3 0.276 0.384 0.837)", 941 | indigo10: "color(display-p3 0.354 0.445 0.866)", 942 | indigo11: "color(display-p3 0.63 0.69 1)", 943 | indigo12: "color(display-p3 0.848 0.881 0.99)", 944 | }; 945 | 946 | export const indigoDarkP3A = { 947 | indigoA1: "color(display-p3 0.071 0.212 0.996 / 0.055)", 948 | indigoA2: "color(display-p3 0.251 0.345 0.988 / 0.085)", 949 | indigoA3: "color(display-p3 0.243 0.404 1 / 0.223)", 950 | indigoA4: "color(display-p3 0.263 0.42 1 / 0.324)", 951 | indigoA5: "color(display-p3 0.314 0.451 1 / 0.4)", 952 | indigoA6: "color(display-p3 0.361 0.49 1 / 0.467)", 953 | indigoA7: "color(display-p3 0.388 0.51 1 / 0.547)", 954 | indigoA8: "color(display-p3 0.404 0.518 1 / 0.652)", 955 | indigoA9: "color(display-p3 0.318 0.451 1 / 0.824)", 956 | indigoA10: "color(display-p3 0.404 0.506 1 / 0.858)", 957 | indigoA11: "color(display-p3 0.63 0.69 1)", 958 | indigoA12: "color(display-p3 0.848 0.881 0.99)", 959 | }; 960 | 961 | export const blueDark = { 962 | blue1: "#0d1520", 963 | blue2: "#111927", 964 | blue3: "#0d2847", 965 | blue4: "#003362", 966 | blue5: "#004074", 967 | blue6: "#104d87", 968 | blue7: "#205d9e", 969 | blue8: "#2870bd", 970 | blue9: "#0090ff", 971 | blue10: "#3b9eff", 972 | blue11: "#70b8ff", 973 | blue12: "#c2e6ff", 974 | }; 975 | 976 | export const blueDarkA = { 977 | blueA1: "#004df211", 978 | blueA2: "#1166fb18", 979 | blueA3: "#0077ff3a", 980 | blueA4: "#0075ff57", 981 | blueA5: "#0081fd6b", 982 | blueA6: "#0f89fd7f", 983 | blueA7: "#2a91fe98", 984 | blueA8: "#3094feb9", 985 | blueA9: "#0090ff", 986 | blueA10: "#3b9eff", 987 | blueA11: "#70b8ff", 988 | blueA12: "#c2e6ff", 989 | }; 990 | 991 | export const blueDarkP3 = { 992 | blue1: "color(display-p3 0.057 0.081 0.122)", 993 | blue2: "color(display-p3 0.072 0.098 0.147)", 994 | blue3: "color(display-p3 0.078 0.154 0.27)", 995 | blue4: "color(display-p3 0.033 0.197 0.37)", 996 | blue5: "color(display-p3 0.08 0.245 0.441)", 997 | blue6: "color(display-p3 0.14 0.298 0.511)", 998 | blue7: "color(display-p3 0.195 0.361 0.6)", 999 | blue8: "color(display-p3 0.239 0.434 0.72)", 1000 | blue9: "color(display-p3 0.247 0.556 0.969)", 1001 | blue10: "color(display-p3 0.344 0.612 0.973)", 1002 | blue11: "color(display-p3 0.49 0.72 1)", 1003 | blue12: "color(display-p3 0.788 0.898 0.99)", 1004 | }; 1005 | 1006 | export const blueDarkP3A = { 1007 | blueA1: "color(display-p3 0 0.333 1 / 0.059)", 1008 | blueA2: "color(display-p3 0.114 0.435 0.988 / 0.085)", 1009 | blueA3: "color(display-p3 0.122 0.463 1 / 0.219)", 1010 | blueA4: "color(display-p3 0 0.467 1 / 0.324)", 1011 | blueA5: "color(display-p3 0.098 0.51 1 / 0.4)", 1012 | blueA6: "color(display-p3 0.224 0.557 1 / 0.475)", 1013 | blueA7: "color(display-p3 0.294 0.584 1 / 0.572)", 1014 | blueA8: "color(display-p3 0.314 0.592 1 / 0.702)", 1015 | blueA9: "color(display-p3 0.251 0.573 0.996 / 0.967)", 1016 | blueA10: "color(display-p3 0.357 0.631 1 / 0.971)", 1017 | blueA11: "color(display-p3 0.49 0.72 1)", 1018 | blueA12: "color(display-p3 0.788 0.898 0.99)", 1019 | }; 1020 | 1021 | export const cyanDark = { 1022 | cyan1: "#0b161a", 1023 | cyan2: "#101b20", 1024 | cyan3: "#082c36", 1025 | cyan4: "#003848", 1026 | cyan5: "#004558", 1027 | cyan6: "#045468", 1028 | cyan7: "#12677e", 1029 | cyan8: "#11809c", 1030 | cyan9: "#00a2c7", 1031 | cyan10: "#23afd0", 1032 | cyan11: "#4ccce6", 1033 | cyan12: "#b6ecf7", 1034 | }; 1035 | 1036 | export const cyanDarkA = { 1037 | cyanA1: "#0091f70a", 1038 | cyanA2: "#02a7f211", 1039 | cyanA3: "#00befd28", 1040 | cyanA4: "#00baff3b", 1041 | cyanA5: "#00befd4d", 1042 | cyanA6: "#00c7fd5e", 1043 | cyanA7: "#14cdff75", 1044 | cyanA8: "#11cfff95", 1045 | cyanA9: "#00cfffc3", 1046 | cyanA10: "#28d6ffcd", 1047 | cyanA11: "#52e1fee5", 1048 | cyanA12: "#bbf3fef7", 1049 | }; 1050 | 1051 | export const cyanDarkP3 = { 1052 | cyan1: "color(display-p3 0.053 0.085 0.098)", 1053 | cyan2: "color(display-p3 0.072 0.105 0.122)", 1054 | cyan3: "color(display-p3 0.073 0.168 0.209)", 1055 | cyan4: "color(display-p3 0.063 0.216 0.277)", 1056 | cyan5: "color(display-p3 0.091 0.267 0.336)", 1057 | cyan6: "color(display-p3 0.137 0.324 0.4)", 1058 | cyan7: "color(display-p3 0.186 0.398 0.484)", 1059 | cyan8: "color(display-p3 0.23 0.496 0.6)", 1060 | cyan9: "color(display-p3 0.282 0.627 0.765)", 1061 | cyan10: "color(display-p3 0.331 0.675 0.801)", 1062 | cyan11: "color(display-p3 0.446 0.79 0.887)", 1063 | cyan12: "color(display-p3 0.757 0.919 0.962)", 1064 | }; 1065 | 1066 | export const cyanDarkP3A = { 1067 | cyanA1: "color(display-p3 0 0.647 0.992 / 0.034)", 1068 | cyanA2: "color(display-p3 0.133 0.733 1 / 0.059)", 1069 | cyanA3: "color(display-p3 0.122 0.741 0.996 / 0.152)", 1070 | cyanA4: "color(display-p3 0.051 0.725 1 / 0.227)", 1071 | cyanA5: "color(display-p3 0.149 0.757 1 / 0.29)", 1072 | cyanA6: "color(display-p3 0.267 0.792 1 / 0.358)", 1073 | cyanA7: "color(display-p3 0.333 0.808 1 / 0.446)", 1074 | cyanA8: "color(display-p3 0.357 0.816 1 / 0.572)", 1075 | cyanA9: "color(display-p3 0.357 0.82 1 / 0.748)", 1076 | cyanA10: "color(display-p3 0.4 0.839 1 / 0.786)", 1077 | cyanA11: "color(display-p3 0.446 0.79 0.887)", 1078 | cyanA12: "color(display-p3 0.757 0.919 0.962)", 1079 | }; 1080 | 1081 | export const tealDark = { 1082 | teal1: "#0d1514", 1083 | teal2: "#111c1b", 1084 | teal3: "#0d2d2a", 1085 | teal4: "#023b37", 1086 | teal5: "#084843", 1087 | teal6: "#145750", 1088 | teal7: "#1c6961", 1089 | teal8: "#207e73", 1090 | teal9: "#12a594", 1091 | teal10: "#0eb39e", 1092 | teal11: "#0bd8b6", 1093 | teal12: "#adf0dd", 1094 | }; 1095 | 1096 | export const tealDarkA = { 1097 | tealA1: "#00deab05", 1098 | tealA2: "#12fbe60c", 1099 | tealA3: "#00ffe61e", 1100 | tealA4: "#00ffe92d", 1101 | tealA5: "#00ffea3b", 1102 | tealA6: "#1cffe84b", 1103 | tealA7: "#2efde85f", 1104 | tealA8: "#32ffe775", 1105 | tealA9: "#13ffe49f", 1106 | tealA10: "#0dffe0ae", 1107 | tealA11: "#0afed5d6", 1108 | tealA12: "#b8ffebef", 1109 | }; 1110 | 1111 | export const tealDarkP3 = { 1112 | teal1: "color(display-p3 0.059 0.083 0.079)", 1113 | teal2: "color(display-p3 0.075 0.11 0.107)", 1114 | teal3: "color(display-p3 0.087 0.175 0.165)", 1115 | teal4: "color(display-p3 0.087 0.227 0.214)", 1116 | teal5: "color(display-p3 0.12 0.277 0.261)", 1117 | teal6: "color(display-p3 0.162 0.335 0.314)", 1118 | teal7: "color(display-p3 0.205 0.406 0.379)", 1119 | teal8: "color(display-p3 0.245 0.489 0.453)", 1120 | teal9: "color(display-p3 0.297 0.637 0.581)", 1121 | teal10: "color(display-p3 0.319 0.69 0.62)", 1122 | teal11: "color(display-p3 0.388 0.835 0.719)", 1123 | teal12: "color(display-p3 0.734 0.934 0.87)", 1124 | }; 1125 | 1126 | export const tealDarkP3A = { 1127 | tealA1: "color(display-p3 0 0.992 0.761 / 0.017)", 1128 | tealA2: "color(display-p3 0.235 0.988 0.902 / 0.047)", 1129 | tealA3: "color(display-p3 0.235 1 0.898 / 0.118)", 1130 | tealA4: "color(display-p3 0.18 0.996 0.929 / 0.173)", 1131 | tealA5: "color(display-p3 0.31 1 0.933 / 0.227)", 1132 | tealA6: "color(display-p3 0.396 1 0.933 / 0.286)", 1133 | tealA7: "color(display-p3 0.443 1 0.925 / 0.366)", 1134 | tealA8: "color(display-p3 0.459 1 0.925 / 0.454)", 1135 | tealA9: "color(display-p3 0.443 0.996 0.906 / 0.61)", 1136 | tealA10: "color(display-p3 0.439 0.996 0.89 / 0.669)", 1137 | tealA11: "color(display-p3 0.388 0.835 0.719)", 1138 | tealA12: "color(display-p3 0.734 0.934 0.87)", 1139 | }; 1140 | 1141 | export const jadeDark = { 1142 | jade1: "#0d1512", 1143 | jade2: "#121c18", 1144 | jade3: "#0f2e22", 1145 | jade4: "#0b3b2c", 1146 | jade5: "#114837", 1147 | jade6: "#1b5745", 1148 | jade7: "#246854", 1149 | jade8: "#2a7e68", 1150 | jade9: "#29a383", 1151 | jade10: "#27b08b", 1152 | jade11: "#1fd8a4", 1153 | jade12: "#adf0d4", 1154 | }; 1155 | 1156 | export const jadeDarkA = { 1157 | jadeA1: "#00de4505", 1158 | jadeA2: "#27fba60c", 1159 | jadeA3: "#02f99920", 1160 | jadeA4: "#00ffaa2d", 1161 | jadeA5: "#11ffb63b", 1162 | jadeA6: "#34ffc24b", 1163 | jadeA7: "#45fdc75e", 1164 | jadeA8: "#48ffcf75", 1165 | jadeA9: "#38feca9d", 1166 | jadeA10: "#31fec7ab", 1167 | jadeA11: "#21fec0d6", 1168 | jadeA12: "#b8ffe1ef", 1169 | }; 1170 | 1171 | export const jadeDarkP3 = { 1172 | jade1: "color(display-p3 0.059 0.083 0.071)", 1173 | jade2: "color(display-p3 0.078 0.11 0.094)", 1174 | jade3: "color(display-p3 0.091 0.176 0.138)", 1175 | jade4: "color(display-p3 0.102 0.228 0.177)", 1176 | jade5: "color(display-p3 0.133 0.279 0.221)", 1177 | jade6: "color(display-p3 0.174 0.334 0.273)", 1178 | jade7: "color(display-p3 0.219 0.402 0.335)", 1179 | jade8: "color(display-p3 0.263 0.488 0.411)", 1180 | jade9: "color(display-p3 0.319 0.63 0.521)", 1181 | jade10: "color(display-p3 0.338 0.68 0.555)", 1182 | jade11: "color(display-p3 0.4 0.835 0.656)", 1183 | jade12: "color(display-p3 0.734 0.934 0.838)", 1184 | }; 1185 | 1186 | export const jadeDarkP3A = { 1187 | jadeA1: "color(display-p3 0 0.992 0.298 / 0.017)", 1188 | jadeA2: "color(display-p3 0.318 0.988 0.651 / 0.047)", 1189 | jadeA3: "color(display-p3 0.267 1 0.667 / 0.118)", 1190 | jadeA4: "color(display-p3 0.275 0.996 0.702 / 0.173)", 1191 | jadeA5: "color(display-p3 0.361 1 0.741 / 0.227)", 1192 | jadeA6: "color(display-p3 0.439 1 0.796 / 0.286)", 1193 | jadeA7: "color(display-p3 0.49 1 0.804 / 0.362)", 1194 | jadeA8: "color(display-p3 0.506 1 0.835 / 0.45)", 1195 | jadeA9: "color(display-p3 0.478 0.996 0.816 / 0.606)", 1196 | jadeA10: "color(display-p3 0.478 1 0.816 / 0.656)", 1197 | jadeA11: "color(display-p3 0.4 0.835 0.656)", 1198 | jadeA12: "color(display-p3 0.734 0.934 0.838)", 1199 | }; 1200 | 1201 | export const greenDark = { 1202 | green1: "#0e1512", 1203 | green2: "#121b17", 1204 | green3: "#132d21", 1205 | green4: "#113b29", 1206 | green5: "#174933", 1207 | green6: "#20573e", 1208 | green7: "#28684a", 1209 | green8: "#2f7c57", 1210 | green9: "#30a46c", 1211 | green10: "#33b074", 1212 | green11: "#3dd68c", 1213 | green12: "#b1f1cb", 1214 | }; 1215 | 1216 | export const greenDarkA = { 1217 | greenA1: "#00de4505", 1218 | greenA2: "#29f99d0b", 1219 | greenA3: "#22ff991e", 1220 | greenA4: "#11ff992d", 1221 | greenA5: "#2bffa23c", 1222 | greenA6: "#44ffaa4b", 1223 | greenA7: "#50fdac5e", 1224 | greenA8: "#54ffad73", 1225 | greenA9: "#44ffa49e", 1226 | greenA10: "#43fea4ab", 1227 | greenA11: "#46fea5d4", 1228 | greenA12: "#bbffd7f0", 1229 | }; 1230 | 1231 | export const greenDarkP3 = { 1232 | green1: "color(display-p3 0.062 0.083 0.071)", 1233 | green2: "color(display-p3 0.079 0.106 0.09)", 1234 | green3: "color(display-p3 0.1 0.173 0.133)", 1235 | green4: "color(display-p3 0.115 0.229 0.166)", 1236 | green5: "color(display-p3 0.147 0.282 0.206)", 1237 | green6: "color(display-p3 0.185 0.338 0.25)", 1238 | green7: "color(display-p3 0.227 0.403 0.298)", 1239 | green8: "color(display-p3 0.27 0.479 0.351)", 1240 | green9: "color(display-p3 0.332 0.634 0.442)", 1241 | green10: "color(display-p3 0.357 0.682 0.474)", 1242 | green11: "color(display-p3 0.434 0.828 0.573)", 1243 | green12: "color(display-p3 0.747 0.938 0.807)", 1244 | }; 1245 | 1246 | export const greenDarkP3A = { 1247 | greenA1: "color(display-p3 0 0.992 0.298 / 0.017)", 1248 | greenA2: "color(display-p3 0.341 0.98 0.616 / 0.043)", 1249 | greenA3: "color(display-p3 0.376 0.996 0.655 / 0.114)", 1250 | greenA4: "color(display-p3 0.341 0.996 0.635 / 0.173)", 1251 | greenA5: "color(display-p3 0.408 1 0.678 / 0.232)", 1252 | greenA6: "color(display-p3 0.475 1 0.706 / 0.29)", 1253 | greenA7: "color(display-p3 0.514 1 0.706 / 0.362)", 1254 | greenA8: "color(display-p3 0.529 1 0.718 / 0.442)", 1255 | greenA9: "color(display-p3 0.502 0.996 0.682 / 0.61)", 1256 | greenA10: "color(display-p3 0.506 1 0.682 / 0.66)", 1257 | greenA11: "color(display-p3 0.434 0.828 0.573)", 1258 | greenA12: "color(display-p3 0.747 0.938 0.807)", 1259 | }; 1260 | 1261 | export const grassDark = { 1262 | grass1: "#0e1511", 1263 | grass2: "#141a15", 1264 | grass3: "#1b2a1e", 1265 | grass4: "#1d3a24", 1266 | grass5: "#25482d", 1267 | grass6: "#2d5736", 1268 | grass7: "#366740", 1269 | grass8: "#3e7949", 1270 | grass9: "#46a758", 1271 | grass10: "#53b365", 1272 | grass11: "#71d083", 1273 | grass12: "#c2f0c2", 1274 | }; 1275 | 1276 | export const grassDarkA = { 1277 | grassA1: "#00de1205", 1278 | grassA2: "#5ef7780a", 1279 | grassA3: "#70fe8c1b", 1280 | grassA4: "#57ff802c", 1281 | grassA5: "#68ff8b3b", 1282 | grassA6: "#71ff8f4b", 1283 | grassA7: "#77fd925d", 1284 | grassA8: "#77fd9070", 1285 | grassA9: "#65ff82a1", 1286 | grassA10: "#72ff8dae", 1287 | grassA11: "#89ff9fcd", 1288 | grassA12: "#ceffceef", 1289 | }; 1290 | 1291 | export const grassDarkP3 = { 1292 | grass1: "color(display-p3 0.062 0.083 0.067)", 1293 | grass2: "color(display-p3 0.083 0.103 0.085)", 1294 | grass3: "color(display-p3 0.118 0.163 0.122)", 1295 | grass4: "color(display-p3 0.142 0.225 0.15)", 1296 | grass5: "color(display-p3 0.178 0.279 0.186)", 1297 | grass6: "color(display-p3 0.217 0.337 0.224)", 1298 | grass7: "color(display-p3 0.258 0.4 0.264)", 1299 | grass8: "color(display-p3 0.302 0.47 0.305)", 1300 | grass9: "color(display-p3 0.38 0.647 0.378)", 1301 | grass10: "color(display-p3 0.426 0.694 0.426)", 1302 | grass11: "color(display-p3 0.535 0.807 0.542)", 1303 | grass12: "color(display-p3 0.797 0.936 0.776)", 1304 | }; 1305 | 1306 | export const grassDarkP3A = { 1307 | grassA1: "color(display-p3 0 0.992 0.071 / 0.017)", 1308 | grassA2: "color(display-p3 0.482 0.996 0.584 / 0.038)", 1309 | grassA3: "color(display-p3 0.549 0.992 0.588 / 0.106)", 1310 | grassA4: "color(display-p3 0.51 0.996 0.557 / 0.169)", 1311 | grassA5: "color(display-p3 0.553 1 0.588 / 0.227)", 1312 | grassA6: "color(display-p3 0.584 1 0.608 / 0.29)", 1313 | grassA7: "color(display-p3 0.604 1 0.616 / 0.358)", 1314 | grassA8: "color(display-p3 0.608 1 0.62 / 0.433)", 1315 | grassA9: "color(display-p3 0.573 1 0.569 / 0.622)", 1316 | grassA10: "color(display-p3 0.6 0.996 0.6 / 0.673)", 1317 | grassA11: "color(display-p3 0.535 0.807 0.542)", 1318 | grassA12: "color(display-p3 0.797 0.936 0.776)", 1319 | }; 1320 | 1321 | export const brownDark = { 1322 | brown1: "#12110f", 1323 | brown2: "#1c1816", 1324 | brown3: "#28211d", 1325 | brown4: "#322922", 1326 | brown5: "#3e3128", 1327 | brown6: "#4d3c2f", 1328 | brown7: "#614a39", 1329 | brown8: "#7c5f46", 1330 | brown9: "#ad7f58", 1331 | brown10: "#b88c67", 1332 | brown11: "#dbb594", 1333 | brown12: "#f2e1ca", 1334 | }; 1335 | 1336 | export const brownDarkA = { 1337 | brownA1: "#91110002", 1338 | brownA2: "#fba67c0c", 1339 | brownA3: "#fcb58c19", 1340 | brownA4: "#fbbb8a24", 1341 | brownA5: "#fcb88931", 1342 | brownA6: "#fdba8741", 1343 | brownA7: "#ffbb8856", 1344 | brownA8: "#ffbe8773", 1345 | brownA9: "#feb87da8", 1346 | brownA10: "#ffc18cb3", 1347 | brownA11: "#fed1aad9", 1348 | brownA12: "#feecd4f2", 1349 | }; 1350 | 1351 | export const brownDarkP3 = { 1352 | brown1: "color(display-p3 0.071 0.067 0.059)", 1353 | brown2: "color(display-p3 0.107 0.095 0.087)", 1354 | brown3: "color(display-p3 0.151 0.13 0.115)", 1355 | brown4: "color(display-p3 0.191 0.161 0.138)", 1356 | brown5: "color(display-p3 0.235 0.194 0.162)", 1357 | brown6: "color(display-p3 0.291 0.237 0.192)", 1358 | brown7: "color(display-p3 0.365 0.295 0.232)", 1359 | brown8: "color(display-p3 0.469 0.377 0.287)", 1360 | brown9: "color(display-p3 0.651 0.505 0.368)", 1361 | brown10: "color(display-p3 0.697 0.557 0.423)", 1362 | brown11: "color(display-p3 0.835 0.715 0.597)", 1363 | brown12: "color(display-p3 0.938 0.885 0.802)", 1364 | }; 1365 | 1366 | export const brownDarkP3A = { 1367 | brownA1: "color(display-p3 0.855 0.071 0 / 0.005)", 1368 | brownA2: "color(display-p3 0.98 0.706 0.525 / 0.043)", 1369 | brownA3: "color(display-p3 0.996 0.745 0.576 / 0.093)", 1370 | brownA4: "color(display-p3 1 0.765 0.592 / 0.135)", 1371 | brownA5: "color(display-p3 1 0.761 0.588 / 0.181)", 1372 | brownA6: "color(display-p3 1 0.773 0.592 / 0.24)", 1373 | brownA7: "color(display-p3 0.996 0.776 0.58 / 0.32)", 1374 | brownA8: "color(display-p3 1 0.78 0.573 / 0.433)", 1375 | brownA9: "color(display-p3 1 0.769 0.549 / 0.627)", 1376 | brownA10: "color(display-p3 1 0.792 0.596 / 0.677)", 1377 | brownA11: "color(display-p3 0.835 0.715 0.597)", 1378 | brownA12: "color(display-p3 0.938 0.885 0.802)", 1379 | }; 1380 | 1381 | export const bronzeDark = { 1382 | bronze1: "#141110", 1383 | bronze2: "#1c1917", 1384 | bronze3: "#262220", 1385 | bronze4: "#302a27", 1386 | bronze5: "#3b3330", 1387 | bronze6: "#493e3a", 1388 | bronze7: "#5a4c47", 1389 | bronze8: "#6f5f58", 1390 | bronze9: "#a18072", 1391 | bronze10: "#ae8c7e", 1392 | bronze11: "#d4b3a5", 1393 | bronze12: "#ede0d9", 1394 | }; 1395 | 1396 | export const bronzeDarkA = { 1397 | bronzeA1: "#d1110004", 1398 | bronzeA2: "#fbbc910c", 1399 | bronzeA3: "#faceb817", 1400 | bronzeA4: "#facdb622", 1401 | bronzeA5: "#ffd2c12d", 1402 | bronzeA6: "#ffd1c03c", 1403 | bronzeA7: "#fdd0c04f", 1404 | bronzeA8: "#ffd6c565", 1405 | bronzeA9: "#fec7b09b", 1406 | bronzeA10: "#fecab5a9", 1407 | bronzeA11: "#ffd7c6d1", 1408 | bronzeA12: "#fff1e9ec", 1409 | }; 1410 | 1411 | export const bronzeDarkP3 = { 1412 | bronze1: "color(display-p3 0.076 0.067 0.063)", 1413 | bronze2: "color(display-p3 0.106 0.097 0.093)", 1414 | bronze3: "color(display-p3 0.147 0.132 0.125)", 1415 | bronze4: "color(display-p3 0.185 0.166 0.156)", 1416 | bronze5: "color(display-p3 0.227 0.202 0.19)", 1417 | bronze6: "color(display-p3 0.278 0.246 0.23)", 1418 | bronze7: "color(display-p3 0.343 0.302 0.281)", 1419 | bronze8: "color(display-p3 0.426 0.374 0.347)", 1420 | bronze9: "color(display-p3 0.611 0.507 0.455)", 1421 | bronze10: "color(display-p3 0.66 0.556 0.504)", 1422 | bronze11: "color(display-p3 0.81 0.707 0.655)", 1423 | bronze12: "color(display-p3 0.921 0.88 0.854)", 1424 | }; 1425 | 1426 | export const bronzeDarkP3A = { 1427 | bronzeA1: "color(display-p3 0.941 0.067 0 / 0.009)", 1428 | bronzeA2: "color(display-p3 0.98 0.8 0.706 / 0.043)", 1429 | bronzeA3: "color(display-p3 0.988 0.851 0.761 / 0.085)", 1430 | bronzeA4: "color(display-p3 0.996 0.839 0.78 / 0.127)", 1431 | bronzeA5: "color(display-p3 0.996 0.863 0.773 / 0.173)", 1432 | bronzeA6: "color(display-p3 1 0.863 0.796 / 0.227)", 1433 | bronzeA7: "color(display-p3 1 0.867 0.8 / 0.295)", 1434 | bronzeA8: "color(display-p3 1 0.859 0.788 / 0.387)", 1435 | bronzeA9: "color(display-p3 1 0.82 0.733 / 0.585)", 1436 | bronzeA10: "color(display-p3 1 0.839 0.761 / 0.635)", 1437 | bronzeA11: "color(display-p3 0.81 0.707 0.655)", 1438 | bronzeA12: "color(display-p3 0.921 0.88 0.854)", 1439 | }; 1440 | 1441 | export const goldDark = { 1442 | gold1: "#121211", 1443 | gold2: "#1b1a17", 1444 | gold3: "#24231f", 1445 | gold4: "#2d2b26", 1446 | gold5: "#38352e", 1447 | gold6: "#444039", 1448 | gold7: "#544f46", 1449 | gold8: "#696256", 1450 | gold9: "#978365", 1451 | gold10: "#a39073", 1452 | gold11: "#cbb99f", 1453 | gold12: "#e8e2d9", 1454 | }; 1455 | 1456 | export const goldDarkA = { 1457 | goldA1: "#91911102", 1458 | goldA2: "#f9e29d0b", 1459 | goldA3: "#f8ecbb15", 1460 | goldA4: "#ffeec41e", 1461 | goldA5: "#feecc22a", 1462 | goldA6: "#feebcb37", 1463 | goldA7: "#ffedcd48", 1464 | goldA8: "#fdeaca5f", 1465 | goldA9: "#ffdba690", 1466 | goldA10: "#fedfb09d", 1467 | goldA11: "#fee7c6c8", 1468 | goldA12: "#fef7ede7", 1469 | }; 1470 | 1471 | export const goldDarkP3 = { 1472 | gold1: "color(display-p3 0.071 0.071 0.067)", 1473 | gold2: "color(display-p3 0.104 0.101 0.09)", 1474 | gold3: "color(display-p3 0.141 0.136 0.122)", 1475 | gold4: "color(display-p3 0.177 0.17 0.152)", 1476 | gold5: "color(display-p3 0.217 0.207 0.185)", 1477 | gold6: "color(display-p3 0.265 0.252 0.225)", 1478 | gold7: "color(display-p3 0.327 0.31 0.277)", 1479 | gold8: "color(display-p3 0.407 0.384 0.342)", 1480 | gold9: "color(display-p3 0.579 0.517 0.41)", 1481 | gold10: "color(display-p3 0.628 0.566 0.463)", 1482 | gold11: "color(display-p3 0.784 0.728 0.635)", 1483 | gold12: "color(display-p3 0.906 0.887 0.855)", 1484 | }; 1485 | 1486 | export const goldDarkP3A = { 1487 | goldA1: "color(display-p3 0.855 0.855 0.071 / 0.005)", 1488 | goldA2: "color(display-p3 0.98 0.89 0.616 / 0.043)", 1489 | goldA3: "color(display-p3 1 0.949 0.753 / 0.08)", 1490 | goldA4: "color(display-p3 1 0.933 0.8 / 0.118)", 1491 | goldA5: "color(display-p3 1 0.949 0.804 / 0.16)", 1492 | goldA6: "color(display-p3 1 0.925 0.8 / 0.215)", 1493 | goldA7: "color(display-p3 1 0.945 0.831 / 0.278)", 1494 | goldA8: "color(display-p3 1 0.937 0.82 / 0.366)", 1495 | goldA9: "color(display-p3 0.996 0.882 0.69 / 0.551)", 1496 | goldA10: "color(display-p3 1 0.894 0.725 / 0.601)", 1497 | goldA11: "color(display-p3 0.784 0.728 0.635)", 1498 | goldA12: "color(display-p3 0.906 0.887 0.855)", 1499 | }; 1500 | 1501 | export const skyDark = { 1502 | sky1: "#0d141f", 1503 | sky2: "#111a27", 1504 | sky3: "#112840", 1505 | sky4: "#113555", 1506 | sky5: "#154467", 1507 | sky6: "#1b537b", 1508 | sky7: "#1f6692", 1509 | sky8: "#197cae", 1510 | sky9: "#7ce2fe", 1511 | sky10: "#a8eeff", 1512 | sky11: "#75c7f0", 1513 | sky12: "#c2f3ff", 1514 | }; 1515 | 1516 | export const skyDarkA = { 1517 | skyA1: "#0044ff0f", 1518 | skyA2: "#1171fb18", 1519 | skyA3: "#1184fc33", 1520 | skyA4: "#128fff49", 1521 | skyA5: "#1c9dfd5d", 1522 | skyA6: "#28a5ff72", 1523 | skyA7: "#2badfe8b", 1524 | skyA8: "#1db2fea9", 1525 | skyA9: "#7ce3fffe", 1526 | skyA10: "#a8eeff", 1527 | skyA11: "#7cd3ffef", 1528 | skyA12: "#c2f3ff", 1529 | }; 1530 | 1531 | export const skyDarkP3 = { 1532 | sky1: "color(display-p3 0.056 0.078 0.116)", 1533 | sky2: "color(display-p3 0.075 0.101 0.149)", 1534 | sky3: "color(display-p3 0.089 0.154 0.244)", 1535 | sky4: "color(display-p3 0.106 0.207 0.323)", 1536 | sky5: "color(display-p3 0.135 0.261 0.394)", 1537 | sky6: "color(display-p3 0.17 0.322 0.469)", 1538 | sky7: "color(display-p3 0.205 0.394 0.557)", 1539 | sky8: "color(display-p3 0.232 0.48 0.665)", 1540 | sky9: "color(display-p3 0.585 0.877 0.983)", 1541 | sky10: "color(display-p3 0.718 0.925 0.991)", 1542 | sky11: "color(display-p3 0.536 0.772 0.924)", 1543 | sky12: "color(display-p3 0.799 0.947 0.993)", 1544 | }; 1545 | 1546 | export const skyDarkP3A = { 1547 | skyA1: "color(display-p3 0 0.282 0.996 / 0.055)", 1548 | skyA2: "color(display-p3 0.157 0.467 0.992 / 0.089)", 1549 | skyA3: "color(display-p3 0.192 0.522 0.996 / 0.19)", 1550 | skyA4: "color(display-p3 0.212 0.584 1 / 0.274)", 1551 | skyA5: "color(display-p3 0.259 0.631 1 / 0.349)", 1552 | skyA6: "color(display-p3 0.302 0.655 1 / 0.433)", 1553 | skyA7: "color(display-p3 0.329 0.686 1 / 0.526)", 1554 | skyA8: "color(display-p3 0.325 0.71 1 / 0.643)", 1555 | skyA9: "color(display-p3 0.592 0.894 1 / 0.984)", 1556 | skyA10: "color(display-p3 0.722 0.933 1 / 0.992)", 1557 | skyA11: "color(display-p3 0.536 0.772 0.924)", 1558 | skyA12: "color(display-p3 0.799 0.947 0.993)", 1559 | }; 1560 | 1561 | export const mintDark = { 1562 | mint1: "#0e1515", 1563 | mint2: "#0f1b1b", 1564 | mint3: "#092c2b", 1565 | mint4: "#003a38", 1566 | mint5: "#004744", 1567 | mint6: "#105650", 1568 | mint7: "#1e685f", 1569 | mint8: "#277f70", 1570 | mint9: "#86ead4", 1571 | mint10: "#a8f5e5", 1572 | mint11: "#58d5ba", 1573 | mint12: "#c4f5e1", 1574 | }; 1575 | 1576 | export const mintDarkA = { 1577 | mintA1: "#00dede05", 1578 | mintA2: "#00f9f90b", 1579 | mintA3: "#00fff61d", 1580 | mintA4: "#00fff42c", 1581 | mintA5: "#00fff23a", 1582 | mintA6: "#0effeb4a", 1583 | mintA7: "#34fde55e", 1584 | mintA8: "#41ffdf76", 1585 | mintA9: "#92ffe7e9", 1586 | mintA10: "#aefeedf5", 1587 | mintA11: "#67ffded2", 1588 | mintA12: "#cbfee9f5", 1589 | }; 1590 | 1591 | export const mintDarkP3 = { 1592 | mint1: "color(display-p3 0.059 0.082 0.081)", 1593 | mint2: "color(display-p3 0.068 0.104 0.105)", 1594 | mint3: "color(display-p3 0.077 0.17 0.168)", 1595 | mint4: "color(display-p3 0.068 0.224 0.22)", 1596 | mint5: "color(display-p3 0.104 0.275 0.264)", 1597 | mint6: "color(display-p3 0.154 0.332 0.313)", 1598 | mint7: "color(display-p3 0.207 0.403 0.373)", 1599 | mint8: "color(display-p3 0.258 0.49 0.441)", 1600 | mint9: "color(display-p3 0.62 0.908 0.834)", 1601 | mint10: "color(display-p3 0.725 0.954 0.898)", 1602 | mint11: "color(display-p3 0.482 0.825 0.733)", 1603 | mint12: "color(display-p3 0.807 0.955 0.887)", 1604 | }; 1605 | 1606 | export const mintDarkP3A = { 1607 | mintA1: "color(display-p3 0 0.992 0.992 / 0.017)", 1608 | mintA2: "color(display-p3 0.071 0.98 0.98 / 0.043)", 1609 | mintA3: "color(display-p3 0.176 0.996 0.996 / 0.11)", 1610 | mintA4: "color(display-p3 0.071 0.996 0.973 / 0.169)", 1611 | mintA5: "color(display-p3 0.243 1 0.949 / 0.223)", 1612 | mintA6: "color(display-p3 0.369 1 0.933 / 0.286)", 1613 | mintA7: "color(display-p3 0.459 1 0.914 / 0.362)", 1614 | mintA8: "color(display-p3 0.49 1 0.89 / 0.454)", 1615 | mintA9: "color(display-p3 0.678 0.996 0.914 / 0.904)", 1616 | mintA10: "color(display-p3 0.761 1 0.941 / 0.95)", 1617 | mintA11: "color(display-p3 0.482 0.825 0.733)", 1618 | mintA12: "color(display-p3 0.807 0.955 0.887)", 1619 | }; 1620 | 1621 | export const limeDark = { 1622 | lime1: "#11130c", 1623 | lime2: "#151a10", 1624 | lime3: "#1f2917", 1625 | lime4: "#29371d", 1626 | lime5: "#334423", 1627 | lime6: "#3d522a", 1628 | lime7: "#496231", 1629 | lime8: "#577538", 1630 | lime9: "#bdee63", 1631 | lime10: "#d4ff70", 1632 | lime11: "#bde56c", 1633 | lime12: "#e3f7ba", 1634 | }; 1635 | 1636 | export const limeDarkA = { 1637 | limeA1: "#11bb0003", 1638 | limeA2: "#78f7000a", 1639 | limeA3: "#9bfd4c1a", 1640 | limeA4: "#a7fe5c29", 1641 | limeA5: "#affe6537", 1642 | limeA6: "#b2fe6d46", 1643 | limeA7: "#b6ff6f57", 1644 | limeA8: "#b6fd6d6c", 1645 | limeA9: "#caff69ed", 1646 | limeA10: "#d4ff70", 1647 | limeA11: "#d1fe77e4", 1648 | limeA12: "#e9febff7", 1649 | }; 1650 | 1651 | export const limeDarkP3 = { 1652 | lime1: "color(display-p3 0.067 0.073 0.048)", 1653 | lime2: "color(display-p3 0.086 0.1 0.067)", 1654 | lime3: "color(display-p3 0.13 0.16 0.099)", 1655 | lime4: "color(display-p3 0.172 0.214 0.126)", 1656 | lime5: "color(display-p3 0.213 0.266 0.153)", 1657 | lime6: "color(display-p3 0.257 0.321 0.182)", 1658 | lime7: "color(display-p3 0.307 0.383 0.215)", 1659 | lime8: "color(display-p3 0.365 0.456 0.25)", 1660 | lime9: "color(display-p3 0.78 0.928 0.466)", 1661 | lime10: "color(display-p3 0.865 0.995 0.519)", 1662 | lime11: "color(display-p3 0.771 0.893 0.485)", 1663 | lime12: "color(display-p3 0.905 0.966 0.753)", 1664 | }; 1665 | 1666 | export const limeDarkP3A = { 1667 | limeA1: "color(display-p3 0.067 0.941 0 / 0.009)", 1668 | limeA2: "color(display-p3 0.584 0.996 0.071 / 0.038)", 1669 | limeA3: "color(display-p3 0.69 1 0.38 / 0.101)", 1670 | limeA4: "color(display-p3 0.729 1 0.435 / 0.16)", 1671 | limeA5: "color(display-p3 0.745 1 0.471 / 0.215)", 1672 | limeA6: "color(display-p3 0.769 1 0.482 / 0.274)", 1673 | limeA7: "color(display-p3 0.769 1 0.506 / 0.341)", 1674 | limeA8: "color(display-p3 0.784 1 0.51 / 0.416)", 1675 | limeA9: "color(display-p3 0.839 1 0.502 / 0.925)", 1676 | limeA10: "color(display-p3 0.871 1 0.522 / 0.996)", 1677 | limeA11: "color(display-p3 0.771 0.893 0.485)", 1678 | limeA12: "color(display-p3 0.905 0.966 0.753)", 1679 | }; 1680 | 1681 | export const yellowDark = { 1682 | yellow1: "#14120b", 1683 | yellow2: "#1b180f", 1684 | yellow3: "#2d2305", 1685 | yellow4: "#362b00", 1686 | yellow5: "#433500", 1687 | yellow6: "#524202", 1688 | yellow7: "#665417", 1689 | yellow8: "#836a21", 1690 | yellow9: "#ffe629", 1691 | yellow10: "#ffff57", 1692 | yellow11: "#f5e147", 1693 | yellow12: "#f6eeb4", 1694 | }; 1695 | 1696 | export const yellowDarkA = { 1697 | yellowA1: "#d1510004", 1698 | yellowA2: "#f9b4000b", 1699 | yellowA3: "#ffaa001e", 1700 | yellowA4: "#fdb70028", 1701 | yellowA5: "#febb0036", 1702 | yellowA6: "#fec40046", 1703 | yellowA7: "#fdcb225c", 1704 | yellowA8: "#fdca327b", 1705 | yellowA9: "#ffe629", 1706 | yellowA10: "#ffff57", 1707 | yellowA11: "#fee949f5", 1708 | yellowA12: "#fef6baf6", 1709 | }; 1710 | 1711 | export const yellowDarkP3 = { 1712 | yellow1: "color(display-p3 0.078 0.069 0.047)", 1713 | yellow2: "color(display-p3 0.103 0.094 0.063)", 1714 | yellow3: "color(display-p3 0.168 0.137 0.039)", 1715 | yellow4: "color(display-p3 0.209 0.169 0)", 1716 | yellow5: "color(display-p3 0.255 0.209 0)", 1717 | yellow6: "color(display-p3 0.31 0.261 0.07)", 1718 | yellow7: "color(display-p3 0.389 0.331 0.135)", 1719 | yellow8: "color(display-p3 0.497 0.42 0.182)", 1720 | yellow9: "color(display-p3 1 0.92 0.22)", 1721 | yellow10: "color(display-p3 1 1 0.456)", 1722 | yellow11: "color(display-p3 0.948 0.885 0.392)", 1723 | yellow12: "color(display-p3 0.959 0.934 0.731)", 1724 | }; 1725 | 1726 | export const yellowDarkP3A = { 1727 | yellowA1: "color(display-p3 0.973 0.369 0 / 0.013)", 1728 | yellowA2: "color(display-p3 0.996 0.792 0 / 0.038)", 1729 | yellowA3: "color(display-p3 0.996 0.71 0 / 0.11)", 1730 | yellowA4: "color(display-p3 0.996 0.741 0 / 0.152)", 1731 | yellowA5: "color(display-p3 0.996 0.765 0 / 0.202)", 1732 | yellowA6: "color(display-p3 0.996 0.816 0.082 / 0.261)", 1733 | yellowA7: "color(display-p3 1 0.831 0.263 / 0.345)", 1734 | yellowA8: "color(display-p3 1 0.831 0.314 / 0.463)", 1735 | yellowA9: "color(display-p3 1 0.922 0.22)", 1736 | yellowA10: "color(display-p3 1 1 0.455)", 1737 | yellowA11: "color(display-p3 0.948 0.885 0.392)", 1738 | yellowA12: "color(display-p3 0.959 0.934 0.731)", 1739 | }; 1740 | 1741 | export const amberDark = { 1742 | amber1: "#16120c", 1743 | amber2: "#1d180f", 1744 | amber3: "#302008", 1745 | amber4: "#3f2700", 1746 | amber5: "#4d3000", 1747 | amber6: "#5c3d05", 1748 | amber7: "#714f19", 1749 | amber8: "#8f6424", 1750 | amber9: "#ffc53d", 1751 | amber10: "#ffd60a", 1752 | amber11: "#ffca16", 1753 | amber12: "#ffe7b3", 1754 | }; 1755 | 1756 | export const amberDarkA = { 1757 | amberA1: "#e63c0006", 1758 | amberA2: "#fd9b000d", 1759 | amberA3: "#fa820022", 1760 | amberA4: "#fc820032", 1761 | amberA5: "#fd8b0041", 1762 | amberA6: "#fd9b0051", 1763 | amberA7: "#ffab2567", 1764 | amberA8: "#ffae3587", 1765 | amberA9: "#ffc53d", 1766 | amberA10: "#ffd60a", 1767 | amberA11: "#ffca16", 1768 | amberA12: "#ffe7b3", 1769 | }; 1770 | 1771 | export const amberDarkP3 = { 1772 | amber1: "color(display-p3 0.082 0.07 0.05)", 1773 | amber2: "color(display-p3 0.111 0.094 0.064)", 1774 | amber3: "color(display-p3 0.178 0.128 0.049)", 1775 | amber4: "color(display-p3 0.239 0.156 0)", 1776 | amber5: "color(display-p3 0.29 0.193 0)", 1777 | amber6: "color(display-p3 0.344 0.245 0.076)", 1778 | amber7: "color(display-p3 0.422 0.314 0.141)", 1779 | amber8: "color(display-p3 0.535 0.399 0.189)", 1780 | amber9: "color(display-p3 1 0.77 0.26)", 1781 | amber10: "color(display-p3 1 0.87 0.15)", 1782 | amber11: "color(display-p3 1 0.8 0.29)", 1783 | amber12: "color(display-p3 0.984 0.909 0.726)", 1784 | }; 1785 | 1786 | export const amberDarkP3A = { 1787 | amberA1: "color(display-p3 0.992 0.298 0 / 0.017)", 1788 | amberA2: "color(display-p3 0.988 0.651 0 / 0.047)", 1789 | amberA3: "color(display-p3 1 0.6 0 / 0.118)", 1790 | amberA4: "color(display-p3 1 0.557 0 / 0.185)", 1791 | amberA5: "color(display-p3 1 0.592 0 / 0.24)", 1792 | amberA6: "color(display-p3 1 0.659 0.094 / 0.299)", 1793 | amberA7: "color(display-p3 1 0.714 0.263 / 0.383)", 1794 | amberA8: "color(display-p3 0.996 0.729 0.306 / 0.5)", 1795 | amberA9: "color(display-p3 1 0.769 0.259)", 1796 | amberA10: "color(display-p3 1 0.871 0.149)", 1797 | amberA11: "color(display-p3 1 0.8 0.29)", 1798 | amberA12: "color(display-p3 0.984 0.909 0.726)", 1799 | }; 1800 | 1801 | export const orangeDark = { 1802 | orange1: "#17120e", 1803 | orange2: "#1e160f", 1804 | orange3: "#331e0b", 1805 | orange4: "#462100", 1806 | orange5: "#562800", 1807 | orange6: "#66350c", 1808 | orange7: "#7e451d", 1809 | orange8: "#a35829", 1810 | orange9: "#f76b15", 1811 | orange10: "#ff801f", 1812 | orange11: "#ffa057", 1813 | orange12: "#ffe0c2", 1814 | }; 1815 | 1816 | export const orangeDarkA = { 1817 | orangeA1: "#ec360007", 1818 | orangeA2: "#fe6d000e", 1819 | orangeA3: "#fb6a0025", 1820 | orangeA4: "#ff590039", 1821 | orangeA5: "#ff61004a", 1822 | orangeA6: "#fd75045c", 1823 | orangeA7: "#ff832c75", 1824 | orangeA8: "#fe84389d", 1825 | orangeA9: "#fe6d15f7", 1826 | orangeA10: "#ff801f", 1827 | orangeA11: "#ffa057", 1828 | orangeA12: "#ffe0c2", 1829 | }; 1830 | 1831 | export const orangeDarkP3 = { 1832 | orange1: "color(display-p3 0.088 0.07 0.057)", 1833 | orange2: "color(display-p3 0.113 0.089 0.061)", 1834 | orange3: "color(display-p3 0.189 0.12 0.056)", 1835 | orange4: "color(display-p3 0.262 0.132 0)", 1836 | orange5: "color(display-p3 0.315 0.168 0.016)", 1837 | orange6: "color(display-p3 0.376 0.219 0.088)", 1838 | orange7: "color(display-p3 0.465 0.283 0.147)", 1839 | orange8: "color(display-p3 0.601 0.359 0.201)", 1840 | orange9: "color(display-p3 0.9 0.45 0.2)", 1841 | orange10: "color(display-p3 0.98 0.51 0.23)", 1842 | orange11: "color(display-p3 1 0.63 0.38)", 1843 | orange12: "color(display-p3 0.98 0.883 0.775)", 1844 | }; 1845 | 1846 | export const orangeDarkP3A = { 1847 | orangeA1: "color(display-p3 0.961 0.247 0 / 0.022)", 1848 | orangeA2: "color(display-p3 0.992 0.529 0 / 0.051)", 1849 | orangeA3: "color(display-p3 0.996 0.486 0 / 0.131)", 1850 | orangeA4: "color(display-p3 0.996 0.384 0 / 0.211)", 1851 | orangeA5: "color(display-p3 1 0.455 0 / 0.265)", 1852 | orangeA6: "color(display-p3 1 0.529 0.129 / 0.332)", 1853 | orangeA7: "color(display-p3 1 0.569 0.251 / 0.429)", 1854 | orangeA8: "color(display-p3 1 0.584 0.302 / 0.572)", 1855 | orangeA9: "color(display-p3 1 0.494 0.216 / 0.895)", 1856 | orangeA10: "color(display-p3 1 0.522 0.235 / 0.979)", 1857 | orangeA11: "color(display-p3 1 0.63 0.38)", 1858 | orangeA12: "color(display-p3 0.98 0.883 0.775)", 1859 | }; 1860 | -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- 1 | export * from "./dark"; 2 | export * from "./light"; 3 | export * from "./blackA"; 4 | export * from "./whiteA"; 5 | -------------------------------------------------------------------------------- /src/light.ts: -------------------------------------------------------------------------------- 1 | export const gray = { 2 | gray1: "#fcfcfc", 3 | gray2: "#f9f9f9", 4 | gray3: "#f0f0f0", 5 | gray4: "#e8e8e8", 6 | gray5: "#e0e0e0", 7 | gray6: "#d9d9d9", 8 | gray7: "#cecece", 9 | gray8: "#bbbbbb", 10 | gray9: "#8d8d8d", 11 | gray10: "#838383", 12 | gray11: "#646464", 13 | gray12: "#202020", 14 | }; 15 | 16 | export const grayA = { 17 | grayA1: "#00000003", 18 | grayA2: "#00000006", 19 | grayA3: "#0000000f", 20 | grayA4: "#00000017", 21 | grayA5: "#0000001f", 22 | grayA6: "#00000026", 23 | grayA7: "#00000031", 24 | grayA8: "#00000044", 25 | grayA9: "#00000072", 26 | grayA10: "#0000007c", 27 | grayA11: "#0000009b", 28 | grayA12: "#000000df", 29 | }; 30 | 31 | export const grayP3 = { 32 | gray1: "color(display-p3 0.988 0.988 0.988)", 33 | gray2: "color(display-p3 0.975 0.975 0.975)", 34 | gray3: "color(display-p3 0.939 0.939 0.939)", 35 | gray4: "color(display-p3 0.908 0.908 0.908)", 36 | gray5: "color(display-p3 0.88 0.88 0.88)", 37 | gray6: "color(display-p3 0.849 0.849 0.849)", 38 | gray7: "color(display-p3 0.807 0.807 0.807)", 39 | gray8: "color(display-p3 0.732 0.732 0.732)", 40 | gray9: "color(display-p3 0.553 0.553 0.553)", 41 | gray10: "color(display-p3 0.512 0.512 0.512)", 42 | gray11: "color(display-p3 0.392 0.392 0.392)", 43 | gray12: "color(display-p3 0.125 0.125 0.125)", 44 | }; 45 | 46 | export const grayP3A = { 47 | grayA1: "color(display-p3 0 0 0 / 0.012)", 48 | grayA2: "color(display-p3 0 0 0 / 0.024)", 49 | grayA3: "color(display-p3 0 0 0 / 0.063)", 50 | grayA4: "color(display-p3 0 0 0 / 0.09)", 51 | grayA5: "color(display-p3 0 0 0 / 0.122)", 52 | grayA6: "color(display-p3 0 0 0 / 0.153)", 53 | grayA7: "color(display-p3 0 0 0 / 0.192)", 54 | grayA8: "color(display-p3 0 0 0 / 0.267)", 55 | grayA9: "color(display-p3 0 0 0 / 0.447)", 56 | grayA10: "color(display-p3 0 0 0 / 0.486)", 57 | grayA11: "color(display-p3 0 0 0 / 0.608)", 58 | grayA12: "color(display-p3 0 0 0 / 0.875)", 59 | }; 60 | 61 | export const mauve = { 62 | mauve1: "#fdfcfd", 63 | mauve2: "#faf9fb", 64 | mauve3: "#f2eff3", 65 | mauve4: "#eae7ec", 66 | mauve5: "#e3dfe6", 67 | mauve6: "#dbd8e0", 68 | mauve7: "#d0cdd7", 69 | mauve8: "#bcbac7", 70 | mauve9: "#8e8c99", 71 | mauve10: "#84828e", 72 | mauve11: "#65636d", 73 | mauve12: "#211f26", 74 | }; 75 | 76 | export const mauveA = { 77 | mauveA1: "#55005503", 78 | mauveA2: "#2b005506", 79 | mauveA3: "#30004010", 80 | mauveA4: "#20003618", 81 | mauveA5: "#20003820", 82 | mauveA6: "#14003527", 83 | mauveA7: "#10003332", 84 | mauveA8: "#08003145", 85 | mauveA9: "#05001d73", 86 | mauveA10: "#0500197d", 87 | mauveA11: "#0400119c", 88 | mauveA12: "#020008e0", 89 | }; 90 | 91 | export const mauveP3 = { 92 | mauve1: "color(display-p3 0.991 0.988 0.992)", 93 | mauve2: "color(display-p3 0.98 0.976 0.984)", 94 | mauve3: "color(display-p3 0.946 0.938 0.952)", 95 | mauve4: "color(display-p3 0.915 0.906 0.925)", 96 | mauve5: "color(display-p3 0.886 0.876 0.901)", 97 | mauve6: "color(display-p3 0.856 0.846 0.875)", 98 | mauve7: "color(display-p3 0.814 0.804 0.84)", 99 | mauve8: "color(display-p3 0.735 0.728 0.777)", 100 | mauve9: "color(display-p3 0.555 0.549 0.596)", 101 | mauve10: "color(display-p3 0.514 0.508 0.552)", 102 | mauve11: "color(display-p3 0.395 0.388 0.424)", 103 | mauve12: "color(display-p3 0.128 0.122 0.147)", 104 | }; 105 | 106 | export const mauveP3A = { 107 | mauveA1: "color(display-p3 0.349 0.024 0.349 / 0.012)", 108 | mauveA2: "color(display-p3 0.184 0.024 0.349 / 0.024)", 109 | mauveA3: "color(display-p3 0.129 0.008 0.255 / 0.063)", 110 | mauveA4: "color(display-p3 0.094 0.012 0.216 / 0.095)", 111 | mauveA5: "color(display-p3 0.098 0.008 0.224 / 0.126)", 112 | mauveA6: "color(display-p3 0.055 0.004 0.18 / 0.153)", 113 | mauveA7: "color(display-p3 0.067 0.008 0.184 / 0.197)", 114 | mauveA8: "color(display-p3 0.02 0.004 0.176 / 0.271)", 115 | mauveA9: "color(display-p3 0.02 0.004 0.106 / 0.451)", 116 | mauveA10: "color(display-p3 0.012 0.004 0.09 / 0.491)", 117 | mauveA11: "color(display-p3 0.016 0 0.059 / 0.612)", 118 | mauveA12: "color(display-p3 0.008 0 0.027 / 0.879)", 119 | }; 120 | 121 | export const slate = { 122 | slate1: "#fcfcfd", 123 | slate2: "#f9f9fb", 124 | slate3: "#f0f0f3", 125 | slate4: "#e8e8ec", 126 | slate5: "#e0e1e6", 127 | slate6: "#d9d9e0", 128 | slate7: "#cdced6", 129 | slate8: "#b9bbc6", 130 | slate9: "#8b8d98", 131 | slate10: "#80838d", 132 | slate11: "#60646c", 133 | slate12: "#1c2024", 134 | }; 135 | 136 | export const slateA = { 137 | slateA1: "#00005503", 138 | slateA2: "#00005506", 139 | slateA3: "#0000330f", 140 | slateA4: "#00002d17", 141 | slateA5: "#0009321f", 142 | slateA6: "#00002f26", 143 | slateA7: "#00062e32", 144 | slateA8: "#00083046", 145 | slateA9: "#00051d74", 146 | slateA10: "#00071b7f", 147 | slateA11: "#0007149f", 148 | slateA12: "#000509e3", 149 | }; 150 | 151 | export const slateP3 = { 152 | slate1: "color(display-p3 0.988 0.988 0.992)", 153 | slate2: "color(display-p3 0.976 0.976 0.984)", 154 | slate3: "color(display-p3 0.94 0.941 0.953)", 155 | slate4: "color(display-p3 0.908 0.909 0.925)", 156 | slate5: "color(display-p3 0.88 0.881 0.901)", 157 | slate6: "color(display-p3 0.85 0.852 0.876)", 158 | slate7: "color(display-p3 0.805 0.808 0.838)", 159 | slate8: "color(display-p3 0.727 0.733 0.773)", 160 | slate9: "color(display-p3 0.547 0.553 0.592)", 161 | slate10: "color(display-p3 0.503 0.512 0.549)", 162 | slate11: "color(display-p3 0.379 0.392 0.421)", 163 | slate12: "color(display-p3 0.113 0.125 0.14)", 164 | }; 165 | 166 | export const slateP3A = { 167 | slateA1: "color(display-p3 0.024 0.024 0.349 / 0.012)", 168 | slateA2: "color(display-p3 0.024 0.024 0.349 / 0.024)", 169 | slateA3: "color(display-p3 0.004 0.004 0.204 / 0.059)", 170 | slateA4: "color(display-p3 0.012 0.012 0.184 / 0.091)", 171 | slateA5: "color(display-p3 0.004 0.039 0.2 / 0.122)", 172 | slateA6: "color(display-p3 0.008 0.008 0.165 / 0.15)", 173 | slateA7: "color(display-p3 0.008 0.027 0.184 / 0.197)", 174 | slateA8: "color(display-p3 0.004 0.031 0.176 / 0.275)", 175 | slateA9: "color(display-p3 0.004 0.02 0.106 / 0.455)", 176 | slateA10: "color(display-p3 0.004 0.027 0.098 / 0.499)", 177 | slateA11: "color(display-p3 0 0.02 0.063 / 0.62)", 178 | slateA12: "color(display-p3 0 0.012 0.031 / 0.887)", 179 | }; 180 | 181 | export const sage = { 182 | sage1: "#fbfdfc", 183 | sage2: "#f7f9f8", 184 | sage3: "#eef1f0", 185 | sage4: "#e6e9e8", 186 | sage5: "#dfe2e0", 187 | sage6: "#d7dad9", 188 | sage7: "#cbcfcd", 189 | sage8: "#b8bcba", 190 | sage9: "#868e8b", 191 | sage10: "#7c8481", 192 | sage11: "#5f6563", 193 | sage12: "#1a211e", 194 | }; 195 | 196 | export const sageA = { 197 | sageA1: "#00804004", 198 | sageA2: "#00402008", 199 | sageA3: "#002d1e11", 200 | sageA4: "#001f1519", 201 | sageA5: "#00180820", 202 | sageA6: "#00140d28", 203 | sageA7: "#00140a34", 204 | sageA8: "#000f0847", 205 | sageA9: "#00110b79", 206 | sageA10: "#00100a83", 207 | sageA11: "#000a07a0", 208 | sageA12: "#000805e5", 209 | }; 210 | 211 | export const sageP3 = { 212 | sage1: "color(display-p3 0.986 0.992 0.988)", 213 | sage2: "color(display-p3 0.97 0.977 0.974)", 214 | sage3: "color(display-p3 0.935 0.944 0.94)", 215 | sage4: "color(display-p3 0.904 0.913 0.909)", 216 | sage5: "color(display-p3 0.875 0.885 0.88)", 217 | sage6: "color(display-p3 0.844 0.854 0.849)", 218 | sage7: "color(display-p3 0.8 0.811 0.806)", 219 | sage8: "color(display-p3 0.725 0.738 0.732)", 220 | sage9: "color(display-p3 0.531 0.556 0.546)", 221 | sage10: "color(display-p3 0.492 0.515 0.506)", 222 | sage11: "color(display-p3 0.377 0.395 0.389)", 223 | sage12: "color(display-p3 0.107 0.129 0.118)", 224 | }; 225 | 226 | export const sageP3A = { 227 | sageA1: "color(display-p3 0.024 0.514 0.267 / 0.016)", 228 | sageA2: "color(display-p3 0.02 0.267 0.145 / 0.032)", 229 | sageA3: "color(display-p3 0.008 0.184 0.125 / 0.067)", 230 | sageA4: "color(display-p3 0.012 0.094 0.051 / 0.095)", 231 | sageA5: "color(display-p3 0.008 0.098 0.035 / 0.126)", 232 | sageA6: "color(display-p3 0.004 0.078 0.027 / 0.157)", 233 | sageA7: "color(display-p3 0 0.059 0.039 / 0.2)", 234 | sageA8: "color(display-p3 0.004 0.047 0.031 / 0.275)", 235 | sageA9: "color(display-p3 0.004 0.059 0.035 / 0.471)", 236 | sageA10: "color(display-p3 0 0.047 0.031 / 0.51)", 237 | sageA11: "color(display-p3 0 0.031 0.02 / 0.624)", 238 | sageA12: "color(display-p3 0 0.027 0.012 / 0.895)", 239 | }; 240 | 241 | export const olive = { 242 | olive1: "#fcfdfc", 243 | olive2: "#f8faf8", 244 | olive3: "#eff1ef", 245 | olive4: "#e7e9e7", 246 | olive5: "#dfe2df", 247 | olive6: "#d7dad7", 248 | olive7: "#cccfcc", 249 | olive8: "#b9bcb8", 250 | olive9: "#898e87", 251 | olive10: "#7f847d", 252 | olive11: "#60655f", 253 | olive12: "#1d211c", 254 | }; 255 | 256 | export const oliveA = { 257 | oliveA1: "#00550003", 258 | oliveA2: "#00490007", 259 | oliveA3: "#00200010", 260 | oliveA4: "#00160018", 261 | oliveA5: "#00180020", 262 | oliveA6: "#00140028", 263 | oliveA7: "#000f0033", 264 | oliveA8: "#040f0047", 265 | oliveA9: "#050f0078", 266 | oliveA10: "#040e0082", 267 | oliveA11: "#020a00a0", 268 | oliveA12: "#010600e3", 269 | }; 270 | 271 | export const oliveP3 = { 272 | olive1: "color(display-p3 0.989 0.992 0.989)", 273 | olive2: "color(display-p3 0.974 0.98 0.973)", 274 | olive3: "color(display-p3 0.939 0.945 0.937)", 275 | olive4: "color(display-p3 0.907 0.914 0.905)", 276 | olive5: "color(display-p3 0.878 0.885 0.875)", 277 | olive6: "color(display-p3 0.846 0.855 0.843)", 278 | olive7: "color(display-p3 0.803 0.812 0.8)", 279 | olive8: "color(display-p3 0.727 0.738 0.723)", 280 | olive9: "color(display-p3 0.541 0.556 0.532)", 281 | olive10: "color(display-p3 0.5 0.515 0.491)", 282 | olive11: "color(display-p3 0.38 0.395 0.374)", 283 | olive12: "color(display-p3 0.117 0.129 0.111)", 284 | }; 285 | 286 | export const oliveP3A = { 287 | oliveA1: "color(display-p3 0.024 0.349 0.024 / 0.012)", 288 | oliveA2: "color(display-p3 0.024 0.302 0.024 / 0.028)", 289 | oliveA3: "color(display-p3 0.008 0.129 0.008 / 0.063)", 290 | oliveA4: "color(display-p3 0.012 0.094 0.012 / 0.095)", 291 | oliveA5: "color(display-p3 0.035 0.098 0.008 / 0.126)", 292 | oliveA6: "color(display-p3 0.027 0.078 0.004 / 0.157)", 293 | oliveA7: "color(display-p3 0.02 0.059 0 / 0.2)", 294 | oliveA8: "color(display-p3 0.02 0.059 0.004 / 0.279)", 295 | oliveA9: "color(display-p3 0.02 0.051 0.004 / 0.467)", 296 | oliveA10: "color(display-p3 0.024 0.047 0 / 0.51)", 297 | oliveA11: "color(display-p3 0.012 0.039 0 / 0.628)", 298 | oliveA12: "color(display-p3 0.008 0.024 0 / 0.891)", 299 | }; 300 | 301 | export const sand = { 302 | sand1: "#fdfdfc", 303 | sand2: "#f9f9f8", 304 | sand3: "#f1f0ef", 305 | sand4: "#e9e8e6", 306 | sand5: "#e2e1de", 307 | sand6: "#dad9d6", 308 | sand7: "#cfceca", 309 | sand8: "#bcbbb5", 310 | sand9: "#8d8d86", 311 | sand10: "#82827c", 312 | sand11: "#63635e", 313 | sand12: "#21201c", 314 | }; 315 | 316 | export const sandA = { 317 | sandA1: "#55550003", 318 | sandA2: "#25250007", 319 | sandA3: "#20100010", 320 | sandA4: "#1f150019", 321 | sandA5: "#1f180021", 322 | sandA6: "#19130029", 323 | sandA7: "#19140035", 324 | sandA8: "#1915014a", 325 | sandA9: "#0f0f0079", 326 | sandA10: "#0c0c0083", 327 | sandA11: "#080800a1", 328 | sandA12: "#060500e3", 329 | }; 330 | 331 | export const sandP3 = { 332 | sand1: "color(display-p3 0.992 0.992 0.989)", 333 | sand2: "color(display-p3 0.977 0.977 0.973)", 334 | sand3: "color(display-p3 0.943 0.942 0.936)", 335 | sand4: "color(display-p3 0.913 0.912 0.903)", 336 | sand5: "color(display-p3 0.885 0.883 0.873)", 337 | sand6: "color(display-p3 0.854 0.852 0.839)", 338 | sand7: "color(display-p3 0.813 0.81 0.794)", 339 | sand8: "color(display-p3 0.738 0.734 0.713)", 340 | sand9: "color(display-p3 0.553 0.553 0.528)", 341 | sand10: "color(display-p3 0.511 0.511 0.488)", 342 | sand11: "color(display-p3 0.388 0.388 0.37)", 343 | sand12: "color(display-p3 0.129 0.126 0.111)", 344 | }; 345 | 346 | export const sandP3A = { 347 | sandA1: "color(display-p3 0.349 0.349 0.024 / 0.012)", 348 | sandA2: "color(display-p3 0.161 0.161 0.024 / 0.028)", 349 | sandA3: "color(display-p3 0.067 0.067 0.008 / 0.063)", 350 | sandA4: "color(display-p3 0.129 0.129 0.012 / 0.099)", 351 | sandA5: "color(display-p3 0.098 0.067 0.008 / 0.126)", 352 | sandA6: "color(display-p3 0.102 0.075 0.004 / 0.161)", 353 | sandA7: "color(display-p3 0.098 0.098 0.004 / 0.208)", 354 | sandA8: "color(display-p3 0.086 0.075 0.004 / 0.287)", 355 | sandA9: "color(display-p3 0.051 0.051 0.004 / 0.471)", 356 | sandA10: "color(display-p3 0.047 0.047 0 / 0.514)", 357 | sandA11: "color(display-p3 0.031 0.031 0 / 0.632)", 358 | sandA12: "color(display-p3 0.024 0.02 0 / 0.891)", 359 | }; 360 | 361 | export const tomato = { 362 | tomato1: "#fffcfc", 363 | tomato2: "#fff8f7", 364 | tomato3: "#feebe7", 365 | tomato4: "#ffdcd3", 366 | tomato5: "#ffcdc2", 367 | tomato6: "#fdbdaf", 368 | tomato7: "#f5a898", 369 | tomato8: "#ec8e7b", 370 | tomato9: "#e54d2e", 371 | tomato10: "#dd4425", 372 | tomato11: "#d13415", 373 | tomato12: "#5c271f", 374 | }; 375 | 376 | export const tomatoA = { 377 | tomatoA1: "#ff000003", 378 | tomatoA2: "#ff200008", 379 | tomatoA3: "#f52b0018", 380 | tomatoA4: "#ff35002c", 381 | tomatoA5: "#ff2e003d", 382 | tomatoA6: "#f92d0050", 383 | tomatoA7: "#e7280067", 384 | tomatoA8: "#db250084", 385 | tomatoA9: "#df2600d1", 386 | tomatoA10: "#d72400da", 387 | tomatoA11: "#cd2200ea", 388 | tomatoA12: "#460900e0", 389 | }; 390 | 391 | export const tomatoP3 = { 392 | tomato1: "color(display-p3 0.998 0.989 0.988)", 393 | tomato2: "color(display-p3 0.994 0.974 0.969)", 394 | tomato3: "color(display-p3 0.985 0.924 0.909)", 395 | tomato4: "color(display-p3 0.996 0.868 0.835)", 396 | tomato5: "color(display-p3 0.98 0.812 0.77)", 397 | tomato6: "color(display-p3 0.953 0.75 0.698)", 398 | tomato7: "color(display-p3 0.917 0.673 0.611)", 399 | tomato8: "color(display-p3 0.875 0.575 0.502)", 400 | tomato9: "color(display-p3 0.831 0.345 0.231)", 401 | tomato10: "color(display-p3 0.802 0.313 0.2)", 402 | tomato11: "color(display-p3 0.755 0.259 0.152)", 403 | tomato12: "color(display-p3 0.335 0.165 0.132)", 404 | }; 405 | 406 | export const tomatoP3A = { 407 | tomatoA1: "color(display-p3 0.675 0.024 0.024 / 0.012)", 408 | tomatoA2: "color(display-p3 0.757 0.145 0.02 / 0.032)", 409 | tomatoA3: "color(display-p3 0.831 0.184 0.012 / 0.091)", 410 | tomatoA4: "color(display-p3 0.976 0.192 0.004 / 0.165)", 411 | tomatoA5: "color(display-p3 0.918 0.192 0.004 / 0.232)", 412 | tomatoA6: "color(display-p3 0.847 0.173 0.004 / 0.302)", 413 | tomatoA7: "color(display-p3 0.788 0.165 0.004 / 0.389)", 414 | tomatoA8: "color(display-p3 0.749 0.153 0.004 / 0.499)", 415 | tomatoA9: "color(display-p3 0.78 0.149 0 / 0.769)", 416 | tomatoA10: "color(display-p3 0.757 0.141 0 / 0.8)", 417 | tomatoA11: "color(display-p3 0.755 0.259 0.152)", 418 | tomatoA12: "color(display-p3 0.335 0.165 0.132)", 419 | }; 420 | 421 | export const red = { 422 | red1: "#fffcfc", 423 | red2: "#fff7f7", 424 | red3: "#feebec", 425 | red4: "#ffdbdc", 426 | red5: "#ffcdce", 427 | red6: "#fdbdbe", 428 | red7: "#f4a9aa", 429 | red8: "#eb8e90", 430 | red9: "#e5484d", 431 | red10: "#dc3e42", 432 | red11: "#ce2c31", 433 | red12: "#641723", 434 | }; 435 | 436 | export const redA = { 437 | redA1: "#ff000003", 438 | redA2: "#ff000008", 439 | redA3: "#f3000d14", 440 | redA4: "#ff000824", 441 | redA5: "#ff000632", 442 | redA6: "#f8000442", 443 | redA7: "#df000356", 444 | redA8: "#d2000571", 445 | redA9: "#db0007b7", 446 | redA10: "#d10005c1", 447 | redA11: "#c40006d3", 448 | redA12: "#55000de8", 449 | }; 450 | 451 | export const redP3 = { 452 | red1: "color(display-p3 0.998 0.989 0.988)", 453 | red2: "color(display-p3 0.995 0.971 0.971)", 454 | red3: "color(display-p3 0.985 0.925 0.925)", 455 | red4: "color(display-p3 0.999 0.866 0.866)", 456 | red5: "color(display-p3 0.984 0.812 0.811)", 457 | red6: "color(display-p3 0.955 0.751 0.749)", 458 | red7: "color(display-p3 0.915 0.675 0.672)", 459 | red8: "color(display-p3 0.872 0.575 0.572)", 460 | red9: "color(display-p3 0.83 0.329 0.324)", 461 | red10: "color(display-p3 0.798 0.294 0.285)", 462 | red11: "color(display-p3 0.744 0.234 0.222)", 463 | red12: "color(display-p3 0.36 0.115 0.143)", 464 | }; 465 | 466 | export const redP3A = { 467 | redA1: "color(display-p3 0.675 0.024 0.024 / 0.012)", 468 | redA2: "color(display-p3 0.863 0.024 0.024 / 0.028)", 469 | redA3: "color(display-p3 0.792 0.008 0.008 / 0.075)", 470 | redA4: "color(display-p3 1 0.008 0.008 / 0.134)", 471 | redA5: "color(display-p3 0.918 0.008 0.008 / 0.189)", 472 | redA6: "color(display-p3 0.831 0.02 0.004 / 0.251)", 473 | redA7: "color(display-p3 0.741 0.016 0.004 / 0.33)", 474 | redA8: "color(display-p3 0.698 0.012 0.004 / 0.428)", 475 | redA9: "color(display-p3 0.749 0.008 0 / 0.675)", 476 | redA10: "color(display-p3 0.714 0.012 0 / 0.714)", 477 | redA11: "color(display-p3 0.744 0.234 0.222)", 478 | redA12: "color(display-p3 0.36 0.115 0.143)", 479 | }; 480 | 481 | export const ruby = { 482 | ruby1: "#fffcfd", 483 | ruby2: "#fff7f8", 484 | ruby3: "#feeaed", 485 | ruby4: "#ffdce1", 486 | ruby5: "#ffced6", 487 | ruby6: "#f8bfc8", 488 | ruby7: "#efacb8", 489 | ruby8: "#e592a3", 490 | ruby9: "#e54666", 491 | ruby10: "#dc3b5d", 492 | ruby11: "#ca244d", 493 | ruby12: "#64172b", 494 | }; 495 | 496 | export const rubyA = { 497 | rubyA1: "#ff005503", 498 | rubyA2: "#ff002008", 499 | rubyA3: "#f3002515", 500 | rubyA4: "#ff002523", 501 | rubyA5: "#ff002a31", 502 | rubyA6: "#e4002440", 503 | rubyA7: "#ce002553", 504 | rubyA8: "#c300286d", 505 | rubyA9: "#db002cb9", 506 | rubyA10: "#d2002cc4", 507 | rubyA11: "#c10030db", 508 | rubyA12: "#550016e8", 509 | }; 510 | 511 | export const rubyP3 = { 512 | ruby1: "color(display-p3 0.998 0.989 0.992)", 513 | ruby2: "color(display-p3 0.995 0.971 0.974)", 514 | ruby3: "color(display-p3 0.983 0.92 0.928)", 515 | ruby4: "color(display-p3 0.987 0.869 0.885)", 516 | ruby5: "color(display-p3 0.968 0.817 0.839)", 517 | ruby6: "color(display-p3 0.937 0.758 0.786)", 518 | ruby7: "color(display-p3 0.897 0.685 0.721)", 519 | ruby8: "color(display-p3 0.851 0.588 0.639)", 520 | ruby9: "color(display-p3 0.83 0.323 0.408)", 521 | ruby10: "color(display-p3 0.795 0.286 0.375)", 522 | ruby11: "color(display-p3 0.728 0.211 0.311)", 523 | ruby12: "color(display-p3 0.36 0.115 0.171)", 524 | }; 525 | 526 | export const rubyP3A = { 527 | rubyA1: "color(display-p3 0.675 0.024 0.349 / 0.012)", 528 | rubyA2: "color(display-p3 0.863 0.024 0.024 / 0.028)", 529 | rubyA3: "color(display-p3 0.804 0.008 0.11 / 0.079)", 530 | rubyA4: "color(display-p3 0.91 0.008 0.125 / 0.13)", 531 | rubyA5: "color(display-p3 0.831 0.004 0.133 / 0.185)", 532 | rubyA6: "color(display-p3 0.745 0.004 0.118 / 0.244)", 533 | rubyA7: "color(display-p3 0.678 0.004 0.114 / 0.314)", 534 | rubyA8: "color(display-p3 0.639 0.004 0.125 / 0.412)", 535 | rubyA9: "color(display-p3 0.753 0 0.129 / 0.679)", 536 | rubyA10: "color(display-p3 0.714 0 0.125 / 0.714)", 537 | rubyA11: "color(display-p3 0.728 0.211 0.311)", 538 | rubyA12: "color(display-p3 0.36 0.115 0.171)", 539 | }; 540 | 541 | export const crimson = { 542 | crimson1: "#fffcfd", 543 | crimson2: "#fef7f9", 544 | crimson3: "#ffe9f0", 545 | crimson4: "#fedce7", 546 | crimson5: "#facedd", 547 | crimson6: "#f3bed1", 548 | crimson7: "#eaacc3", 549 | crimson8: "#e093b2", 550 | crimson9: "#e93d82", 551 | crimson10: "#df3478", 552 | crimson11: "#cb1d63", 553 | crimson12: "#621639", 554 | }; 555 | 556 | export const crimsonA = { 557 | crimsonA1: "#ff005503", 558 | crimsonA2: "#e0004008", 559 | crimsonA3: "#ff005216", 560 | crimsonA4: "#f8005123", 561 | crimsonA5: "#e5004f31", 562 | crimsonA6: "#d0004b41", 563 | crimsonA7: "#bf004753", 564 | crimsonA8: "#b6004a6c", 565 | crimsonA9: "#e2005bc2", 566 | crimsonA10: "#d70056cb", 567 | crimsonA11: "#c4004fe2", 568 | crimsonA12: "#530026e9", 569 | }; 570 | 571 | export const crimsonP3 = { 572 | crimson1: "color(display-p3 0.998 0.989 0.992)", 573 | crimson2: "color(display-p3 0.991 0.969 0.976)", 574 | crimson3: "color(display-p3 0.987 0.917 0.941)", 575 | crimson4: "color(display-p3 0.975 0.866 0.904)", 576 | crimson5: "color(display-p3 0.953 0.813 0.864)", 577 | crimson6: "color(display-p3 0.921 0.755 0.817)", 578 | crimson7: "color(display-p3 0.88 0.683 0.761)", 579 | crimson8: "color(display-p3 0.834 0.592 0.694)", 580 | crimson9: "color(display-p3 0.843 0.298 0.507)", 581 | crimson10: "color(display-p3 0.807 0.266 0.468)", 582 | crimson11: "color(display-p3 0.731 0.195 0.388)", 583 | crimson12: "color(display-p3 0.352 0.111 0.221)", 584 | }; 585 | 586 | export const crimsonP3A = { 587 | crimsonA1: "color(display-p3 0.675 0.024 0.349 / 0.012)", 588 | crimsonA2: "color(display-p3 0.757 0.02 0.267 / 0.032)", 589 | crimsonA3: "color(display-p3 0.859 0.008 0.294 / 0.083)", 590 | crimsonA4: "color(display-p3 0.827 0.008 0.298 / 0.134)", 591 | crimsonA5: "color(display-p3 0.753 0.008 0.275 / 0.189)", 592 | crimsonA6: "color(display-p3 0.682 0.004 0.247 / 0.244)", 593 | crimsonA7: "color(display-p3 0.62 0.004 0.251 / 0.318)", 594 | crimsonA8: "color(display-p3 0.6 0.004 0.251 / 0.408)", 595 | crimsonA9: "color(display-p3 0.776 0 0.298 / 0.702)", 596 | crimsonA10: "color(display-p3 0.737 0 0.275 / 0.734)", 597 | crimsonA11: "color(display-p3 0.731 0.195 0.388)", 598 | crimsonA12: "color(display-p3 0.352 0.111 0.221)", 599 | }; 600 | 601 | export const pink = { 602 | pink1: "#fffcfe", 603 | pink2: "#fef7fb", 604 | pink3: "#fee9f5", 605 | pink4: "#fbdcef", 606 | pink5: "#f6cee7", 607 | pink6: "#efbfdd", 608 | pink7: "#e7acd0", 609 | pink8: "#dd93c2", 610 | pink9: "#d6409f", 611 | pink10: "#cf3897", 612 | pink11: "#c2298a", 613 | pink12: "#651249", 614 | }; 615 | 616 | export const pinkA = { 617 | pinkA1: "#ff00aa03", 618 | pinkA2: "#e0008008", 619 | pinkA3: "#f4008c16", 620 | pinkA4: "#e2008b23", 621 | pinkA5: "#d1008331", 622 | pinkA6: "#c0007840", 623 | pinkA7: "#b6006f53", 624 | pinkA8: "#af006f6c", 625 | pinkA9: "#c8007fbf", 626 | pinkA10: "#c2007ac7", 627 | pinkA11: "#b60074d6", 628 | pinkA12: "#59003bed", 629 | }; 630 | 631 | export const pinkP3 = { 632 | pink1: "color(display-p3 0.998 0.989 0.996)", 633 | pink2: "color(display-p3 0.992 0.97 0.985)", 634 | pink3: "color(display-p3 0.981 0.917 0.96)", 635 | pink4: "color(display-p3 0.963 0.867 0.932)", 636 | pink5: "color(display-p3 0.939 0.815 0.899)", 637 | pink6: "color(display-p3 0.907 0.756 0.859)", 638 | pink7: "color(display-p3 0.869 0.683 0.81)", 639 | pink8: "color(display-p3 0.825 0.59 0.751)", 640 | pink9: "color(display-p3 0.775 0.297 0.61)", 641 | pink10: "color(display-p3 0.748 0.27 0.581)", 642 | pink11: "color(display-p3 0.698 0.219 0.528)", 643 | pink12: "color(display-p3 0.363 0.101 0.279)", 644 | }; 645 | 646 | export const pinkP3A = { 647 | pinkA1: "color(display-p3 0.675 0.024 0.675 / 0.012)", 648 | pinkA2: "color(display-p3 0.757 0.02 0.51 / 0.032)", 649 | pinkA3: "color(display-p3 0.765 0.008 0.529 / 0.083)", 650 | pinkA4: "color(display-p3 0.737 0.008 0.506 / 0.134)", 651 | pinkA5: "color(display-p3 0.663 0.004 0.451 / 0.185)", 652 | pinkA6: "color(display-p3 0.616 0.004 0.424 / 0.244)", 653 | pinkA7: "color(display-p3 0.596 0.004 0.412 / 0.318)", 654 | pinkA8: "color(display-p3 0.573 0.004 0.404 / 0.412)", 655 | pinkA9: "color(display-p3 0.682 0 0.447 / 0.702)", 656 | pinkA10: "color(display-p3 0.655 0 0.424 / 0.73)", 657 | pinkA11: "color(display-p3 0.698 0.219 0.528)", 658 | pinkA12: "color(display-p3 0.363 0.101 0.279)", 659 | }; 660 | 661 | export const plum = { 662 | plum1: "#fefcff", 663 | plum2: "#fdf7fd", 664 | plum3: "#fbebfb", 665 | plum4: "#f7def8", 666 | plum5: "#f2d1f3", 667 | plum6: "#e9c2ec", 668 | plum7: "#deade3", 669 | plum8: "#cf91d8", 670 | plum9: "#ab4aba", 671 | plum10: "#a144af", 672 | plum11: "#953ea3", 673 | plum12: "#53195d", 674 | }; 675 | 676 | export const plumA = { 677 | plumA1: "#aa00ff03", 678 | plumA2: "#c000c008", 679 | plumA3: "#cc00cc14", 680 | plumA4: "#c200c921", 681 | plumA5: "#b700bd2e", 682 | plumA6: "#a400b03d", 683 | plumA7: "#9900a852", 684 | plumA8: "#9000a56e", 685 | plumA9: "#89009eb5", 686 | plumA10: "#7f0092bb", 687 | plumA11: "#730086c1", 688 | plumA12: "#40004be6", 689 | }; 690 | 691 | export const plumP3 = { 692 | plum1: "color(display-p3 0.995 0.988 0.999)", 693 | plum2: "color(display-p3 0.988 0.971 0.99)", 694 | plum3: "color(display-p3 0.973 0.923 0.98)", 695 | plum4: "color(display-p3 0.953 0.875 0.966)", 696 | plum5: "color(display-p3 0.926 0.825 0.945)", 697 | plum6: "color(display-p3 0.89 0.765 0.916)", 698 | plum7: "color(display-p3 0.84 0.686 0.877)", 699 | plum8: "color(display-p3 0.775 0.58 0.832)", 700 | plum9: "color(display-p3 0.624 0.313 0.708)", 701 | plum10: "color(display-p3 0.587 0.29 0.667)", 702 | plum11: "color(display-p3 0.543 0.263 0.619)", 703 | plum12: "color(display-p3 0.299 0.114 0.352)", 704 | }; 705 | 706 | export const plumP3A = { 707 | plumA1: "color(display-p3 0.675 0.024 1 / 0.012)", 708 | plumA2: "color(display-p3 0.58 0.024 0.58 / 0.028)", 709 | plumA3: "color(display-p3 0.655 0.008 0.753 / 0.079)", 710 | plumA4: "color(display-p3 0.627 0.008 0.722 / 0.126)", 711 | plumA5: "color(display-p3 0.58 0.004 0.69 / 0.177)", 712 | plumA6: "color(display-p3 0.537 0.004 0.655 / 0.236)", 713 | plumA7: "color(display-p3 0.49 0.004 0.616 / 0.314)", 714 | plumA8: "color(display-p3 0.471 0.004 0.6 / 0.42)", 715 | plumA9: "color(display-p3 0.451 0 0.576 / 0.687)", 716 | plumA10: "color(display-p3 0.42 0 0.529 / 0.71)", 717 | plumA11: "color(display-p3 0.543 0.263 0.619)", 718 | plumA12: "color(display-p3 0.299 0.114 0.352)", 719 | }; 720 | 721 | export const purple = { 722 | purple1: "#fefcfe", 723 | purple2: "#fbf7fe", 724 | purple3: "#f7edfe", 725 | purple4: "#f2e2fc", 726 | purple5: "#ead5f9", 727 | purple6: "#e0c4f4", 728 | purple7: "#d1afec", 729 | purple8: "#be93e4", 730 | purple9: "#8e4ec6", 731 | purple10: "#8347b9", 732 | purple11: "#8145b5", 733 | purple12: "#402060", 734 | }; 735 | 736 | export const purpleA = { 737 | purpleA1: "#aa00aa03", 738 | purpleA2: "#8000e008", 739 | purpleA3: "#8e00f112", 740 | purpleA4: "#8d00e51d", 741 | purpleA5: "#8000db2a", 742 | purpleA6: "#7a01d03b", 743 | purpleA7: "#6d00c350", 744 | purpleA8: "#6600c06c", 745 | purpleA9: "#5c00adb1", 746 | purpleA10: "#53009eb8", 747 | purpleA11: "#52009aba", 748 | purpleA12: "#250049df", 749 | }; 750 | 751 | export const purpleP3 = { 752 | purple1: "color(display-p3 0.995 0.988 0.996)", 753 | purple2: "color(display-p3 0.983 0.971 0.993)", 754 | purple3: "color(display-p3 0.963 0.931 0.989)", 755 | purple4: "color(display-p3 0.937 0.888 0.981)", 756 | purple5: "color(display-p3 0.904 0.837 0.966)", 757 | purple6: "color(display-p3 0.86 0.774 0.942)", 758 | purple7: "color(display-p3 0.799 0.69 0.91)", 759 | purple8: "color(display-p3 0.719 0.583 0.874)", 760 | purple9: "color(display-p3 0.523 0.318 0.751)", 761 | purple10: "color(display-p3 0.483 0.289 0.7)", 762 | purple11: "color(display-p3 0.473 0.281 0.687)", 763 | purple12: "color(display-p3 0.234 0.132 0.363)", 764 | }; 765 | 766 | export const purpleP3A = { 767 | purpleA1: "color(display-p3 0.675 0.024 0.675 / 0.012)", 768 | purpleA2: "color(display-p3 0.443 0.024 0.722 / 0.028)", 769 | purpleA3: "color(display-p3 0.506 0.008 0.835 / 0.071)", 770 | purpleA4: "color(display-p3 0.451 0.004 0.831 / 0.114)", 771 | purpleA5: "color(display-p3 0.431 0.004 0.788 / 0.165)", 772 | purpleA6: "color(display-p3 0.384 0.004 0.745 / 0.228)", 773 | purpleA7: "color(display-p3 0.357 0.004 0.71 / 0.31)", 774 | purpleA8: "color(display-p3 0.322 0.004 0.702 / 0.416)", 775 | purpleA9: "color(display-p3 0.298 0 0.639 / 0.683)", 776 | purpleA10: "color(display-p3 0.271 0 0.58 / 0.71)", 777 | purpleA11: "color(display-p3 0.473 0.281 0.687)", 778 | purpleA12: "color(display-p3 0.234 0.132 0.363)", 779 | }; 780 | 781 | export const violet = { 782 | violet1: "#fdfcfe", 783 | violet2: "#faf8ff", 784 | violet3: "#f4f0fe", 785 | violet4: "#ebe4ff", 786 | violet5: "#e1d9ff", 787 | violet6: "#d4cafe", 788 | violet7: "#c2b5f5", 789 | violet8: "#aa99ec", 790 | violet9: "#6e56cf", 791 | violet10: "#654dc4", 792 | violet11: "#6550b9", 793 | violet12: "#2f265f", 794 | }; 795 | 796 | export const violetA = { 797 | violetA1: "#5500aa03", 798 | violetA2: "#4900ff07", 799 | violetA3: "#4400ee0f", 800 | violetA4: "#4300ff1b", 801 | violetA5: "#3600ff26", 802 | violetA6: "#3100fb35", 803 | violetA7: "#2d01dd4a", 804 | violetA8: "#2b00d066", 805 | violetA9: "#2400b7a9", 806 | violetA10: "#2300abb2", 807 | violetA11: "#1f0099af", 808 | violetA12: "#0b0043d9", 809 | }; 810 | 811 | export const violetP3 = { 812 | violet1: "color(display-p3 0.991 0.988 0.995)", 813 | violet2: "color(display-p3 0.978 0.974 0.998)", 814 | violet3: "color(display-p3 0.953 0.943 0.993)", 815 | violet4: "color(display-p3 0.916 0.897 1)", 816 | violet5: "color(display-p3 0.876 0.851 1)", 817 | violet6: "color(display-p3 0.825 0.793 0.981)", 818 | violet7: "color(display-p3 0.752 0.712 0.943)", 819 | violet8: "color(display-p3 0.654 0.602 0.902)", 820 | violet9: "color(display-p3 0.417 0.341 0.784)", 821 | violet10: "color(display-p3 0.381 0.306 0.741)", 822 | violet11: "color(display-p3 0.383 0.317 0.702)", 823 | violet12: "color(display-p3 0.179 0.15 0.359)", 824 | }; 825 | 826 | export const violetP3A = { 827 | violetA1: "color(display-p3 0.349 0.024 0.675 / 0.012)", 828 | violetA2: "color(display-p3 0.161 0.024 0.863 / 0.028)", 829 | violetA3: "color(display-p3 0.204 0.004 0.871 / 0.059)", 830 | violetA4: "color(display-p3 0.196 0.004 1 / 0.102)", 831 | violetA5: "color(display-p3 0.165 0.008 1 / 0.15)", 832 | violetA6: "color(display-p3 0.153 0.004 0.906 / 0.208)", 833 | violetA7: "color(display-p3 0.141 0.004 0.796 / 0.287)", 834 | violetA8: "color(display-p3 0.133 0.004 0.753 / 0.397)", 835 | violetA9: "color(display-p3 0.114 0 0.675 / 0.659)", 836 | violetA10: "color(display-p3 0.11 0 0.627 / 0.695)", 837 | violetA11: "color(display-p3 0.383 0.317 0.702)", 838 | violetA12: "color(display-p3 0.179 0.15 0.359)", 839 | }; 840 | 841 | export const iris = { 842 | iris1: "#fdfdff", 843 | iris2: "#f8f8ff", 844 | iris3: "#f0f1fe", 845 | iris4: "#e6e7ff", 846 | iris5: "#dadcff", 847 | iris6: "#cbcdff", 848 | iris7: "#b8baf8", 849 | iris8: "#9b9ef0", 850 | iris9: "#5b5bd6", 851 | iris10: "#5151cd", 852 | iris11: "#5753c6", 853 | iris12: "#272962", 854 | }; 855 | 856 | export const irisA = { 857 | irisA1: "#0000ff02", 858 | irisA2: "#0000ff07", 859 | irisA3: "#0011ee0f", 860 | irisA4: "#000bff19", 861 | irisA5: "#000eff25", 862 | irisA6: "#000aff34", 863 | irisA7: "#0008e647", 864 | irisA8: "#0008d964", 865 | irisA9: "#0000c0a4", 866 | irisA10: "#0000b6ae", 867 | irisA11: "#0600abac", 868 | irisA12: "#000246d8", 869 | }; 870 | 871 | export const irisP3 = { 872 | iris1: "color(display-p3 0.992 0.992 0.999)", 873 | iris2: "color(display-p3 0.972 0.973 0.998)", 874 | iris3: "color(display-p3 0.943 0.945 0.992)", 875 | iris4: "color(display-p3 0.902 0.906 1)", 876 | iris5: "color(display-p3 0.857 0.861 1)", 877 | iris6: "color(display-p3 0.799 0.805 0.987)", 878 | iris7: "color(display-p3 0.721 0.727 0.955)", 879 | iris8: "color(display-p3 0.61 0.619 0.918)", 880 | iris9: "color(display-p3 0.357 0.357 0.81)", 881 | iris10: "color(display-p3 0.318 0.318 0.774)", 882 | iris11: "color(display-p3 0.337 0.326 0.748)", 883 | iris12: "color(display-p3 0.154 0.161 0.371)", 884 | }; 885 | 886 | export const irisP3A = { 887 | irisA1: "color(display-p3 0.02 0.02 1 / 0.008)", 888 | irisA2: "color(display-p3 0.024 0.024 0.863 / 0.028)", 889 | irisA3: "color(display-p3 0.004 0.071 0.871 / 0.059)", 890 | irisA4: "color(display-p3 0.012 0.051 1 / 0.099)", 891 | irisA5: "color(display-p3 0.008 0.035 1 / 0.142)", 892 | irisA6: "color(display-p3 0 0.02 0.941 / 0.2)", 893 | irisA7: "color(display-p3 0.004 0.02 0.847 / 0.279)", 894 | irisA8: "color(display-p3 0.004 0.024 0.788 / 0.389)", 895 | irisA9: "color(display-p3 0 0 0.706 / 0.644)", 896 | irisA10: "color(display-p3 0 0 0.667 / 0.683)", 897 | irisA11: "color(display-p3 0.337 0.326 0.748)", 898 | irisA12: "color(display-p3 0.154 0.161 0.371)", 899 | }; 900 | 901 | export const indigo = { 902 | indigo1: "#fdfdfe", 903 | indigo2: "#f7f9ff", 904 | indigo3: "#edf2fe", 905 | indigo4: "#e1e9ff", 906 | indigo5: "#d2deff", 907 | indigo6: "#c1d0ff", 908 | indigo7: "#abbdf9", 909 | indigo8: "#8da4ef", 910 | indigo9: "#3e63dd", 911 | indigo10: "#3358d4", 912 | indigo11: "#3a5bc7", 913 | indigo12: "#1f2d5c", 914 | }; 915 | 916 | export const indigoA = { 917 | indigoA1: "#00008002", 918 | indigoA2: "#0040ff08", 919 | indigoA3: "#0047f112", 920 | indigoA4: "#0044ff1e", 921 | indigoA5: "#0044ff2d", 922 | indigoA6: "#003eff3e", 923 | indigoA7: "#0037ed54", 924 | indigoA8: "#0034dc72", 925 | indigoA9: "#0031d2c1", 926 | indigoA10: "#002ec9cc", 927 | indigoA11: "#002bb7c5", 928 | indigoA12: "#001046e0", 929 | }; 930 | 931 | export const indigoP3 = { 932 | indigo1: "color(display-p3 0.992 0.992 0.996)", 933 | indigo2: "color(display-p3 0.971 0.977 0.998)", 934 | indigo3: "color(display-p3 0.933 0.948 0.992)", 935 | indigo4: "color(display-p3 0.885 0.914 1)", 936 | indigo5: "color(display-p3 0.831 0.87 1)", 937 | indigo6: "color(display-p3 0.767 0.814 0.995)", 938 | indigo7: "color(display-p3 0.685 0.74 0.957)", 939 | indigo8: "color(display-p3 0.569 0.639 0.916)", 940 | indigo9: "color(display-p3 0.276 0.384 0.837)", 941 | indigo10: "color(display-p3 0.234 0.343 0.801)", 942 | indigo11: "color(display-p3 0.256 0.354 0.755)", 943 | indigo12: "color(display-p3 0.133 0.175 0.348)", 944 | }; 945 | 946 | export const indigoP3A = { 947 | indigoA1: "color(display-p3 0.02 0.02 0.51 / 0.008)", 948 | indigoA2: "color(display-p3 0.024 0.161 0.863 / 0.028)", 949 | indigoA3: "color(display-p3 0.008 0.239 0.886 / 0.067)", 950 | indigoA4: "color(display-p3 0.004 0.247 1 / 0.114)", 951 | indigoA5: "color(display-p3 0.004 0.235 1 / 0.169)", 952 | indigoA6: "color(display-p3 0.004 0.208 0.984 / 0.232)", 953 | indigoA7: "color(display-p3 0.004 0.176 0.863 / 0.314)", 954 | indigoA8: "color(display-p3 0.004 0.165 0.812 / 0.432)", 955 | indigoA9: "color(display-p3 0 0.153 0.773 / 0.726)", 956 | indigoA10: "color(display-p3 0 0.137 0.737 / 0.765)", 957 | indigoA11: "color(display-p3 0.256 0.354 0.755)", 958 | indigoA12: "color(display-p3 0.133 0.175 0.348)", 959 | }; 960 | 961 | export const blue = { 962 | blue1: "#fbfdff", 963 | blue2: "#f4faff", 964 | blue3: "#e6f4fe", 965 | blue4: "#d5efff", 966 | blue5: "#c2e5ff", 967 | blue6: "#acd8fc", 968 | blue7: "#8ec8f6", 969 | blue8: "#5eb1ef", 970 | blue9: "#0090ff", 971 | blue10: "#0588f0", 972 | blue11: "#0d74ce", 973 | blue12: "#113264", 974 | }; 975 | 976 | export const blueA = { 977 | blueA1: "#0080ff04", 978 | blueA2: "#008cff0b", 979 | blueA3: "#008ff519", 980 | blueA4: "#009eff2a", 981 | blueA5: "#0093ff3d", 982 | blueA6: "#0088f653", 983 | blueA7: "#0083eb71", 984 | blueA8: "#0084e6a1", 985 | blueA9: "#0090ff", 986 | blueA10: "#0086f0fa", 987 | blueA11: "#006dcbf2", 988 | blueA12: "#002359ee", 989 | }; 990 | 991 | export const blueP3 = { 992 | blue1: "color(display-p3 0.986 0.992 0.999)", 993 | blue2: "color(display-p3 0.96 0.979 0.998)", 994 | blue3: "color(display-p3 0.912 0.956 0.991)", 995 | blue4: "color(display-p3 0.853 0.932 1)", 996 | blue5: "color(display-p3 0.788 0.894 0.998)", 997 | blue6: "color(display-p3 0.709 0.843 0.976)", 998 | blue7: "color(display-p3 0.606 0.777 0.947)", 999 | blue8: "color(display-p3 0.451 0.688 0.917)", 1000 | blue9: "color(display-p3 0.247 0.556 0.969)", 1001 | blue10: "color(display-p3 0.234 0.523 0.912)", 1002 | blue11: "color(display-p3 0.15 0.44 0.84)", 1003 | blue12: "color(display-p3 0.102 0.193 0.379)", 1004 | }; 1005 | 1006 | export const blueP3A = { 1007 | blueA1: "color(display-p3 0.024 0.514 1 / 0.016)", 1008 | blueA2: "color(display-p3 0.024 0.514 0.906 / 0.04)", 1009 | blueA3: "color(display-p3 0.012 0.506 0.914 / 0.087)", 1010 | blueA4: "color(display-p3 0.008 0.545 1 / 0.146)", 1011 | blueA5: "color(display-p3 0.004 0.502 0.984 / 0.212)", 1012 | blueA6: "color(display-p3 0.004 0.463 0.922 / 0.291)", 1013 | blueA7: "color(display-p3 0.004 0.431 0.863 / 0.393)", 1014 | blueA8: "color(display-p3 0 0.427 0.851 / 0.55)", 1015 | blueA9: "color(display-p3 0 0.412 0.961 / 0.753)", 1016 | blueA10: "color(display-p3 0 0.376 0.886 / 0.765)", 1017 | blueA11: "color(display-p3 0.15 0.44 0.84)", 1018 | blueA12: "color(display-p3 0.102 0.193 0.379)", 1019 | }; 1020 | 1021 | export const cyan = { 1022 | cyan1: "#fafdfe", 1023 | cyan2: "#f2fafb", 1024 | cyan3: "#def7f9", 1025 | cyan4: "#caf1f6", 1026 | cyan5: "#b5e9f0", 1027 | cyan6: "#9ddde7", 1028 | cyan7: "#7dcedc", 1029 | cyan8: "#3db9cf", 1030 | cyan9: "#00a2c7", 1031 | cyan10: "#0797b9", 1032 | cyan11: "#107d98", 1033 | cyan12: "#0d3c48", 1034 | }; 1035 | 1036 | export const cyanA = { 1037 | cyanA1: "#0099cc05", 1038 | cyanA2: "#009db10d", 1039 | cyanA3: "#00c2d121", 1040 | cyanA4: "#00bcd435", 1041 | cyanA5: "#01b4cc4a", 1042 | cyanA6: "#00a7c162", 1043 | cyanA7: "#009fbb82", 1044 | cyanA8: "#00a3c0c2", 1045 | cyanA9: "#00a2c7", 1046 | cyanA10: "#0094b7f8", 1047 | cyanA11: "#007491ef", 1048 | cyanA12: "#00323ef2", 1049 | }; 1050 | 1051 | export const cyanP3 = { 1052 | cyan1: "color(display-p3 0.982 0.992 0.996)", 1053 | cyan2: "color(display-p3 0.955 0.981 0.984)", 1054 | cyan3: "color(display-p3 0.888 0.965 0.975)", 1055 | cyan4: "color(display-p3 0.821 0.941 0.959)", 1056 | cyan5: "color(display-p3 0.751 0.907 0.935)", 1057 | cyan6: "color(display-p3 0.671 0.862 0.9)", 1058 | cyan7: "color(display-p3 0.564 0.8 0.854)", 1059 | cyan8: "color(display-p3 0.388 0.715 0.798)", 1060 | cyan9: "color(display-p3 0.282 0.627 0.765)", 1061 | cyan10: "color(display-p3 0.264 0.583 0.71)", 1062 | cyan11: "color(display-p3 0.08 0.48 0.63)", 1063 | cyan12: "color(display-p3 0.108 0.232 0.277)", 1064 | }; 1065 | 1066 | export const cyanP3A = { 1067 | cyanA1: "color(display-p3 0.02 0.608 0.804 / 0.02)", 1068 | cyanA2: "color(display-p3 0.02 0.557 0.647 / 0.044)", 1069 | cyanA3: "color(display-p3 0.004 0.694 0.796 / 0.114)", 1070 | cyanA4: "color(display-p3 0.004 0.678 0.784 / 0.181)", 1071 | cyanA5: "color(display-p3 0.004 0.624 0.733 / 0.248)", 1072 | cyanA6: "color(display-p3 0.004 0.584 0.706 / 0.33)", 1073 | cyanA7: "color(display-p3 0.004 0.541 0.667 / 0.436)", 1074 | cyanA8: "color(display-p3 0 0.533 0.667 / 0.612)", 1075 | cyanA9: "color(display-p3 0 0.482 0.675 / 0.718)", 1076 | cyanA10: "color(display-p3 0 0.435 0.608 / 0.738)", 1077 | cyanA11: "color(display-p3 0.08 0.48 0.63)", 1078 | cyanA12: "color(display-p3 0.108 0.232 0.277)", 1079 | }; 1080 | 1081 | export const teal = { 1082 | teal1: "#fafefd", 1083 | teal2: "#f3fbf9", 1084 | teal3: "#e0f8f3", 1085 | teal4: "#ccf3ea", 1086 | teal5: "#b8eae0", 1087 | teal6: "#a1ded2", 1088 | teal7: "#83cdc1", 1089 | teal8: "#53b9ab", 1090 | teal9: "#12a594", 1091 | teal10: "#0d9b8a", 1092 | teal11: "#008573", 1093 | teal12: "#0d3d38", 1094 | }; 1095 | 1096 | export const tealA = { 1097 | tealA1: "#00cc9905", 1098 | tealA2: "#00aa800c", 1099 | tealA3: "#00c69d1f", 1100 | tealA4: "#00c39633", 1101 | tealA5: "#00b49047", 1102 | tealA6: "#00a6855e", 1103 | tealA7: "#0099807c", 1104 | tealA8: "#009783ac", 1105 | tealA9: "#009e8ced", 1106 | tealA10: "#009684f2", 1107 | tealA11: "#008573", 1108 | tealA12: "#00332df2", 1109 | }; 1110 | 1111 | export const tealP3 = { 1112 | teal1: "color(display-p3 0.983 0.996 0.992)", 1113 | teal2: "color(display-p3 0.958 0.983 0.976)", 1114 | teal3: "color(display-p3 0.895 0.971 0.952)", 1115 | teal4: "color(display-p3 0.831 0.949 0.92)", 1116 | teal5: "color(display-p3 0.761 0.914 0.878)", 1117 | teal6: "color(display-p3 0.682 0.864 0.825)", 1118 | teal7: "color(display-p3 0.581 0.798 0.756)", 1119 | teal8: "color(display-p3 0.433 0.716 0.671)", 1120 | teal9: "color(display-p3 0.297 0.637 0.581)", 1121 | teal10: "color(display-p3 0.275 0.599 0.542)", 1122 | teal11: "color(display-p3 0.08 0.5 0.43)", 1123 | teal12: "color(display-p3 0.11 0.235 0.219)", 1124 | }; 1125 | 1126 | export const tealP3A = { 1127 | tealA1: "color(display-p3 0.024 0.757 0.514 / 0.016)", 1128 | tealA2: "color(display-p3 0.02 0.647 0.467 / 0.044)", 1129 | tealA3: "color(display-p3 0.004 0.741 0.557 / 0.106)", 1130 | tealA4: "color(display-p3 0.004 0.702 0.537 / 0.169)", 1131 | tealA5: "color(display-p3 0.004 0.643 0.494 / 0.24)", 1132 | tealA6: "color(display-p3 0.004 0.569 0.447 / 0.318)", 1133 | tealA7: "color(display-p3 0.004 0.518 0.424 / 0.42)", 1134 | tealA8: "color(display-p3 0 0.506 0.424 / 0.569)", 1135 | tealA9: "color(display-p3 0 0.482 0.404 / 0.702)", 1136 | tealA10: "color(display-p3 0 0.451 0.369 / 0.726)", 1137 | tealA11: "color(display-p3 0.08 0.5 0.43)", 1138 | tealA12: "color(display-p3 0.11 0.235 0.219)", 1139 | }; 1140 | 1141 | export const jade = { 1142 | jade1: "#fbfefd", 1143 | jade2: "#f4fbf7", 1144 | jade3: "#e6f7ed", 1145 | jade4: "#d6f1e3", 1146 | jade5: "#c3e9d7", 1147 | jade6: "#acdec8", 1148 | jade7: "#8bceb6", 1149 | jade8: "#56ba9f", 1150 | jade9: "#29a383", 1151 | jade10: "#26997b", 1152 | jade11: "#208368", 1153 | jade12: "#1d3b31", 1154 | }; 1155 | 1156 | export const jadeA = { 1157 | jadeA1: "#00c08004", 1158 | jadeA2: "#00a3460b", 1159 | jadeA3: "#00ae4819", 1160 | jadeA4: "#00a85129", 1161 | jadeA5: "#00a2553c", 1162 | jadeA6: "#009a5753", 1163 | jadeA7: "#00945f74", 1164 | jadeA8: "#00976ea9", 1165 | jadeA9: "#00916bd6", 1166 | jadeA10: "#008764d9", 1167 | jadeA11: "#007152df", 1168 | jadeA12: "#002217e2", 1169 | }; 1170 | 1171 | export const jadeP3 = { 1172 | jade1: "color(display-p3 0.986 0.996 0.992)", 1173 | jade2: "color(display-p3 0.962 0.983 0.969)", 1174 | jade3: "color(display-p3 0.912 0.965 0.932)", 1175 | jade4: "color(display-p3 0.858 0.941 0.893)", 1176 | jade5: "color(display-p3 0.795 0.909 0.847)", 1177 | jade6: "color(display-p3 0.715 0.864 0.791)", 1178 | jade7: "color(display-p3 0.603 0.802 0.718)", 1179 | jade8: "color(display-p3 0.44 0.72 0.629)", 1180 | jade9: "color(display-p3 0.319 0.63 0.521)", 1181 | jade10: "color(display-p3 0.299 0.592 0.488)", 1182 | jade11: "color(display-p3 0.15 0.5 0.37)", 1183 | jade12: "color(display-p3 0.142 0.229 0.194)", 1184 | }; 1185 | 1186 | export const jadeP3A = { 1187 | jadeA1: "color(display-p3 0.024 0.757 0.514 / 0.016)", 1188 | jadeA2: "color(display-p3 0.024 0.612 0.22 / 0.04)", 1189 | jadeA3: "color(display-p3 0.012 0.596 0.235 / 0.087)", 1190 | jadeA4: "color(display-p3 0.008 0.588 0.255 / 0.142)", 1191 | jadeA5: "color(display-p3 0.004 0.561 0.251 / 0.204)", 1192 | jadeA6: "color(display-p3 0.004 0.525 0.278 / 0.287)", 1193 | jadeA7: "color(display-p3 0.004 0.506 0.29 / 0.397)", 1194 | jadeA8: "color(display-p3 0 0.506 0.337 / 0.561)", 1195 | jadeA9: "color(display-p3 0 0.459 0.298 / 0.683)", 1196 | jadeA10: "color(display-p3 0 0.42 0.271 / 0.702)", 1197 | jadeA11: "color(display-p3 0.15 0.5 0.37)", 1198 | jadeA12: "color(display-p3 0.142 0.229 0.194)", 1199 | }; 1200 | 1201 | export const green = { 1202 | green1: "#fbfefc", 1203 | green2: "#f4fbf6", 1204 | green3: "#e6f6eb", 1205 | green4: "#d6f1df", 1206 | green5: "#c4e8d1", 1207 | green6: "#adddc0", 1208 | green7: "#8eceaa", 1209 | green8: "#5bb98b", 1210 | green9: "#30a46c", 1211 | green10: "#2b9a66", 1212 | green11: "#218358", 1213 | green12: "#193b2d", 1214 | }; 1215 | 1216 | export const greenA = { 1217 | greenA1: "#00c04004", 1218 | greenA2: "#00a32f0b", 1219 | greenA3: "#00a43319", 1220 | greenA4: "#00a83829", 1221 | greenA5: "#019c393b", 1222 | greenA6: "#00963c52", 1223 | greenA7: "#00914071", 1224 | greenA8: "#00924ba4", 1225 | greenA9: "#008f4acf", 1226 | greenA10: "#008647d4", 1227 | greenA11: "#00713fde", 1228 | greenA12: "#002616e6", 1229 | }; 1230 | 1231 | export const greenP3 = { 1232 | green1: "color(display-p3 0.986 0.996 0.989)", 1233 | green2: "color(display-p3 0.963 0.983 0.967)", 1234 | green3: "color(display-p3 0.913 0.964 0.925)", 1235 | green4: "color(display-p3 0.859 0.94 0.879)", 1236 | green5: "color(display-p3 0.796 0.907 0.826)", 1237 | green6: "color(display-p3 0.718 0.863 0.761)", 1238 | green7: "color(display-p3 0.61 0.801 0.675)", 1239 | green8: "color(display-p3 0.451 0.715 0.559)", 1240 | green9: "color(display-p3 0.332 0.634 0.442)", 1241 | green10: "color(display-p3 0.308 0.595 0.417)", 1242 | green11: "color(display-p3 0.19 0.5 0.32)", 1243 | green12: "color(display-p3 0.132 0.228 0.18)", 1244 | }; 1245 | 1246 | export const greenP3A = { 1247 | greenA1: "color(display-p3 0.024 0.757 0.267 / 0.016)", 1248 | greenA2: "color(display-p3 0.024 0.565 0.129 / 0.036)", 1249 | greenA3: "color(display-p3 0.012 0.596 0.145 / 0.087)", 1250 | greenA4: "color(display-p3 0.008 0.588 0.145 / 0.142)", 1251 | greenA5: "color(display-p3 0.004 0.541 0.157 / 0.204)", 1252 | greenA6: "color(display-p3 0.004 0.518 0.157 / 0.283)", 1253 | greenA7: "color(display-p3 0.004 0.486 0.165 / 0.389)", 1254 | greenA8: "color(display-p3 0 0.478 0.2 / 0.55)", 1255 | greenA9: "color(display-p3 0 0.455 0.165 / 0.667)", 1256 | greenA10: "color(display-p3 0 0.416 0.153 / 0.691)", 1257 | greenA11: "color(display-p3 0.19 0.5 0.32)", 1258 | greenA12: "color(display-p3 0.132 0.228 0.18)", 1259 | }; 1260 | 1261 | export const grass = { 1262 | grass1: "#fbfefb", 1263 | grass2: "#f5fbf5", 1264 | grass3: "#e9f6e9", 1265 | grass4: "#daf1db", 1266 | grass5: "#c9e8ca", 1267 | grass6: "#b2ddb5", 1268 | grass7: "#94ce9a", 1269 | grass8: "#65ba74", 1270 | grass9: "#46a758", 1271 | grass10: "#3e9b4f", 1272 | grass11: "#2a7e3b", 1273 | grass12: "#203c25", 1274 | }; 1275 | 1276 | export const grassA = { 1277 | grassA1: "#00c00004", 1278 | grassA2: "#0099000a", 1279 | grassA3: "#00970016", 1280 | grassA4: "#009f0725", 1281 | grassA5: "#00930536", 1282 | grassA6: "#008f0a4d", 1283 | grassA7: "#018b0f6b", 1284 | grassA8: "#008d199a", 1285 | grassA9: "#008619b9", 1286 | grassA10: "#007b17c1", 1287 | grassA11: "#006514d5", 1288 | grassA12: "#002006df", 1289 | }; 1290 | 1291 | export const grassP3 = { 1292 | grass1: "color(display-p3 0.986 0.996 0.985)", 1293 | grass2: "color(display-p3 0.966 0.983 0.964)", 1294 | grass3: "color(display-p3 0.923 0.965 0.917)", 1295 | grass4: "color(display-p3 0.872 0.94 0.865)", 1296 | grass5: "color(display-p3 0.811 0.908 0.802)", 1297 | grass6: "color(display-p3 0.733 0.864 0.724)", 1298 | grass7: "color(display-p3 0.628 0.803 0.622)", 1299 | grass8: "color(display-p3 0.477 0.72 0.482)", 1300 | grass9: "color(display-p3 0.38 0.647 0.378)", 1301 | grass10: "color(display-p3 0.344 0.598 0.342)", 1302 | grass11: "color(display-p3 0.263 0.488 0.261)", 1303 | grass12: "color(display-p3 0.151 0.233 0.153)", 1304 | }; 1305 | 1306 | export const grassP3A = { 1307 | grassA1: "color(display-p3 0.024 0.757 0.024 / 0.016)", 1308 | grassA2: "color(display-p3 0.024 0.565 0.024 / 0.036)", 1309 | grassA3: "color(display-p3 0.059 0.576 0.008 / 0.083)", 1310 | grassA4: "color(display-p3 0.035 0.565 0.008 / 0.134)", 1311 | grassA5: "color(display-p3 0.047 0.545 0.008 / 0.197)", 1312 | grassA6: "color(display-p3 0.031 0.502 0.004 / 0.275)", 1313 | grassA7: "color(display-p3 0.012 0.482 0.004 / 0.377)", 1314 | grassA8: "color(display-p3 0 0.467 0.008 / 0.522)", 1315 | grassA9: "color(display-p3 0.008 0.435 0 / 0.624)", 1316 | grassA10: "color(display-p3 0.008 0.388 0 / 0.659)", 1317 | grassA11: "color(display-p3 0.263 0.488 0.261)", 1318 | grassA12: "color(display-p3 0.151 0.233 0.153)", 1319 | }; 1320 | 1321 | export const brown = { 1322 | brown1: "#fefdfc", 1323 | brown2: "#fcf9f6", 1324 | brown3: "#f6eee7", 1325 | brown4: "#f0e4d9", 1326 | brown5: "#ebdaca", 1327 | brown6: "#e4cdb7", 1328 | brown7: "#dcbc9f", 1329 | brown8: "#cea37e", 1330 | brown9: "#ad7f58", 1331 | brown10: "#a07553", 1332 | brown11: "#815e46", 1333 | brown12: "#3e332e", 1334 | }; 1335 | 1336 | export const brownA = { 1337 | brownA1: "#aa550003", 1338 | brownA2: "#aa550009", 1339 | brownA3: "#a04b0018", 1340 | brownA4: "#9b4a0026", 1341 | brownA5: "#9f4d0035", 1342 | brownA6: "#a04e0048", 1343 | brownA7: "#a34e0060", 1344 | brownA8: "#9f4a0081", 1345 | brownA9: "#823c00a7", 1346 | brownA10: "#723300ac", 1347 | brownA11: "#522100b9", 1348 | brownA12: "#140600d1", 1349 | }; 1350 | 1351 | export const brownP3 = { 1352 | brown1: "color(display-p3 0.995 0.992 0.989)", 1353 | brown2: "color(display-p3 0.987 0.976 0.964)", 1354 | brown3: "color(display-p3 0.959 0.936 0.909)", 1355 | brown4: "color(display-p3 0.934 0.897 0.855)", 1356 | brown5: "color(display-p3 0.909 0.856 0.798)", 1357 | brown6: "color(display-p3 0.88 0.808 0.73)", 1358 | brown7: "color(display-p3 0.841 0.742 0.639)", 1359 | brown8: "color(display-p3 0.782 0.647 0.514)", 1360 | brown9: "color(display-p3 0.651 0.505 0.368)", 1361 | brown10: "color(display-p3 0.601 0.465 0.344)", 1362 | brown11: "color(display-p3 0.485 0.374 0.288)", 1363 | brown12: "color(display-p3 0.236 0.202 0.183)", 1364 | }; 1365 | 1366 | export const brownP3A = { 1367 | brownA1: "color(display-p3 0.675 0.349 0.024 / 0.012)", 1368 | brownA2: "color(display-p3 0.675 0.349 0.024 / 0.036)", 1369 | brownA3: "color(display-p3 0.573 0.314 0.012 / 0.091)", 1370 | brownA4: "color(display-p3 0.545 0.302 0.008 / 0.146)", 1371 | brownA5: "color(display-p3 0.561 0.29 0.004 / 0.204)", 1372 | brownA6: "color(display-p3 0.553 0.294 0.004 / 0.271)", 1373 | brownA7: "color(display-p3 0.557 0.286 0.004 / 0.361)", 1374 | brownA8: "color(display-p3 0.549 0.275 0.004 / 0.487)", 1375 | brownA9: "color(display-p3 0.447 0.22 0 / 0.632)", 1376 | brownA10: "color(display-p3 0.388 0.188 0 / 0.655)", 1377 | brownA11: "color(display-p3 0.485 0.374 0.288)", 1378 | brownA12: "color(display-p3 0.236 0.202 0.183)", 1379 | }; 1380 | 1381 | export const bronze = { 1382 | bronze1: "#fdfcfc", 1383 | bronze2: "#fdf7f5", 1384 | bronze3: "#f6edea", 1385 | bronze4: "#efe4df", 1386 | bronze5: "#e7d9d3", 1387 | bronze6: "#dfcdc5", 1388 | bronze7: "#d3bcb3", 1389 | bronze8: "#c2a499", 1390 | bronze9: "#a18072", 1391 | bronze10: "#957468", 1392 | bronze11: "#7d5e54", 1393 | bronze12: "#43302b", 1394 | }; 1395 | 1396 | export const bronzeA = { 1397 | bronzeA1: "#55000003", 1398 | bronzeA2: "#cc33000a", 1399 | bronzeA3: "#92250015", 1400 | bronzeA4: "#80280020", 1401 | bronzeA5: "#7423002c", 1402 | bronzeA6: "#7324003a", 1403 | bronzeA7: "#6c1f004c", 1404 | bronzeA8: "#671c0066", 1405 | bronzeA9: "#551a008d", 1406 | bronzeA10: "#4c150097", 1407 | bronzeA11: "#3d0f00ab", 1408 | bronzeA12: "#1d0600d4", 1409 | }; 1410 | 1411 | export const bronzeP3 = { 1412 | bronze1: "color(display-p3 0.991 0.988 0.988)", 1413 | bronze2: "color(display-p3 0.989 0.97 0.961)", 1414 | bronze3: "color(display-p3 0.958 0.932 0.919)", 1415 | bronze4: "color(display-p3 0.929 0.894 0.877)", 1416 | bronze5: "color(display-p3 0.898 0.853 0.832)", 1417 | bronze6: "color(display-p3 0.861 0.805 0.778)", 1418 | bronze7: "color(display-p3 0.812 0.739 0.706)", 1419 | bronze8: "color(display-p3 0.741 0.647 0.606)", 1420 | bronze9: "color(display-p3 0.611 0.507 0.455)", 1421 | bronze10: "color(display-p3 0.563 0.461 0.414)", 1422 | bronze11: "color(display-p3 0.471 0.373 0.336)", 1423 | bronze12: "color(display-p3 0.251 0.191 0.172)", 1424 | }; 1425 | 1426 | export const bronzeP3A = { 1427 | bronzeA1: "color(display-p3 0.349 0.024 0.024 / 0.012)", 1428 | bronzeA2: "color(display-p3 0.71 0.22 0.024 / 0.04)", 1429 | bronzeA3: "color(display-p3 0.482 0.2 0.008 / 0.083)", 1430 | bronzeA4: "color(display-p3 0.424 0.133 0.004 / 0.122)", 1431 | bronzeA5: "color(display-p3 0.4 0.145 0.004 / 0.169)", 1432 | bronzeA6: "color(display-p3 0.388 0.125 0.004 / 0.224)", 1433 | bronzeA7: "color(display-p3 0.365 0.11 0.004 / 0.295)", 1434 | bronzeA8: "color(display-p3 0.341 0.102 0.004 / 0.393)", 1435 | bronzeA9: "color(display-p3 0.29 0.094 0 / 0.546)", 1436 | bronzeA10: "color(display-p3 0.255 0.082 0 / 0.585)", 1437 | bronzeA11: "color(display-p3 0.471 0.373 0.336)", 1438 | bronzeA12: "color(display-p3 0.251 0.191 0.172)", 1439 | }; 1440 | 1441 | export const gold = { 1442 | gold1: "#fdfdfc", 1443 | gold2: "#faf9f2", 1444 | gold3: "#f2f0e7", 1445 | gold4: "#eae6db", 1446 | gold5: "#e1dccf", 1447 | gold6: "#d8d0bf", 1448 | gold7: "#cbc0aa", 1449 | gold8: "#b9a88d", 1450 | gold9: "#978365", 1451 | gold10: "#8c7a5e", 1452 | gold11: "#71624b", 1453 | gold12: "#3b352b", 1454 | }; 1455 | 1456 | export const goldA = { 1457 | goldA1: "#55550003", 1458 | goldA2: "#9d8a000d", 1459 | goldA3: "#75600018", 1460 | goldA4: "#6b4e0024", 1461 | goldA5: "#60460030", 1462 | goldA6: "#64440040", 1463 | goldA7: "#63420055", 1464 | goldA8: "#633d0072", 1465 | goldA9: "#5332009a", 1466 | goldA10: "#492d00a1", 1467 | goldA11: "#362100b4", 1468 | goldA12: "#130c00d4", 1469 | }; 1470 | 1471 | export const goldP3 = { 1472 | gold1: "color(display-p3 0.992 0.992 0.989)", 1473 | gold2: "color(display-p3 0.98 0.976 0.953)", 1474 | gold3: "color(display-p3 0.947 0.94 0.909)", 1475 | gold4: "color(display-p3 0.914 0.904 0.865)", 1476 | gold5: "color(display-p3 0.88 0.865 0.816)", 1477 | gold6: "color(display-p3 0.84 0.818 0.756)", 1478 | gold7: "color(display-p3 0.788 0.753 0.677)", 1479 | gold8: "color(display-p3 0.715 0.66 0.565)", 1480 | gold9: "color(display-p3 0.579 0.517 0.41)", 1481 | gold10: "color(display-p3 0.538 0.479 0.38)", 1482 | gold11: "color(display-p3 0.433 0.386 0.305)", 1483 | gold12: "color(display-p3 0.227 0.209 0.173)", 1484 | }; 1485 | 1486 | export const goldP3A = { 1487 | goldA1: "color(display-p3 0.349 0.349 0.024 / 0.012)", 1488 | goldA2: "color(display-p3 0.592 0.514 0.024 / 0.048)", 1489 | goldA3: "color(display-p3 0.4 0.357 0.012 / 0.091)", 1490 | goldA4: "color(display-p3 0.357 0.298 0.008 / 0.134)", 1491 | goldA5: "color(display-p3 0.345 0.282 0.004 / 0.185)", 1492 | goldA6: "color(display-p3 0.341 0.263 0.004 / 0.244)", 1493 | goldA7: "color(display-p3 0.345 0.235 0.004 / 0.322)", 1494 | goldA8: "color(display-p3 0.345 0.22 0.004 / 0.436)", 1495 | goldA9: "color(display-p3 0.286 0.18 0 / 0.589)", 1496 | goldA10: "color(display-p3 0.255 0.161 0 / 0.62)", 1497 | goldA11: "color(display-p3 0.433 0.386 0.305)", 1498 | goldA12: "color(display-p3 0.227 0.209 0.173)", 1499 | }; 1500 | 1501 | export const sky = { 1502 | sky1: "#f9feff", 1503 | sky2: "#f1fafd", 1504 | sky3: "#e1f6fd", 1505 | sky4: "#d1f0fa", 1506 | sky5: "#bee7f5", 1507 | sky6: "#a9daed", 1508 | sky7: "#8dcae3", 1509 | sky8: "#60b3d7", 1510 | sky9: "#7ce2fe", 1511 | sky10: "#74daf8", 1512 | sky11: "#00749e", 1513 | sky12: "#1d3e56", 1514 | }; 1515 | 1516 | export const skyA = { 1517 | skyA1: "#00d5ff06", 1518 | skyA2: "#00a4db0e", 1519 | skyA3: "#00b3ee1e", 1520 | skyA4: "#00ace42e", 1521 | skyA5: "#00a1d841", 1522 | skyA6: "#0092ca56", 1523 | skyA7: "#0089c172", 1524 | skyA8: "#0085bf9f", 1525 | skyA9: "#00c7fe83", 1526 | skyA10: "#00bcf38b", 1527 | skyA11: "#00749e", 1528 | skyA12: "#002540e2", 1529 | }; 1530 | 1531 | export const skyP3 = { 1532 | sky1: "color(display-p3 0.98 0.995 0.999)", 1533 | sky2: "color(display-p3 0.953 0.98 0.99)", 1534 | sky3: "color(display-p3 0.899 0.963 0.989)", 1535 | sky4: "color(display-p3 0.842 0.937 0.977)", 1536 | sky5: "color(display-p3 0.777 0.9 0.954)", 1537 | sky6: "color(display-p3 0.701 0.851 0.921)", 1538 | sky7: "color(display-p3 0.604 0.785 0.879)", 1539 | sky8: "color(display-p3 0.457 0.696 0.829)", 1540 | sky9: "color(display-p3 0.585 0.877 0.983)", 1541 | sky10: "color(display-p3 0.555 0.845 0.959)", 1542 | sky11: "color(display-p3 0.193 0.448 0.605)", 1543 | sky12: "color(display-p3 0.145 0.241 0.329)", 1544 | }; 1545 | 1546 | export const skyP3A = { 1547 | skyA1: "color(display-p3 0.02 0.804 1 / 0.02)", 1548 | skyA2: "color(display-p3 0.024 0.592 0.757 / 0.048)", 1549 | skyA3: "color(display-p3 0.004 0.655 0.886 / 0.102)", 1550 | skyA4: "color(display-p3 0.004 0.604 0.851 / 0.157)", 1551 | skyA5: "color(display-p3 0.004 0.565 0.792 / 0.224)", 1552 | skyA6: "color(display-p3 0.004 0.502 0.737 / 0.299)", 1553 | skyA7: "color(display-p3 0.004 0.459 0.694 / 0.397)", 1554 | skyA8: "color(display-p3 0 0.435 0.682 / 0.542)", 1555 | skyA9: "color(display-p3 0.004 0.71 0.965 / 0.416)", 1556 | skyA10: "color(display-p3 0.004 0.647 0.914 / 0.444)", 1557 | skyA11: "color(display-p3 0.193 0.448 0.605)", 1558 | skyA12: "color(display-p3 0.145 0.241 0.329)", 1559 | }; 1560 | 1561 | export const mint = { 1562 | mint1: "#f9fefd", 1563 | mint2: "#f2fbf9", 1564 | mint3: "#ddf9f2", 1565 | mint4: "#c8f4e9", 1566 | mint5: "#b3ecde", 1567 | mint6: "#9ce0d0", 1568 | mint7: "#7ecfbd", 1569 | mint8: "#4cbba5", 1570 | mint9: "#86ead4", 1571 | mint10: "#7de0cb", 1572 | mint11: "#027864", 1573 | mint12: "#16433c", 1574 | }; 1575 | 1576 | export const mintA = { 1577 | mintA1: "#00d5aa06", 1578 | mintA2: "#00b18a0d", 1579 | mintA3: "#00d29e22", 1580 | mintA4: "#00cc9937", 1581 | mintA5: "#00c0914c", 1582 | mintA6: "#00b08663", 1583 | mintA7: "#00a17d81", 1584 | mintA8: "#009e7fb3", 1585 | mintA9: "#00d3a579", 1586 | mintA10: "#00c39982", 1587 | mintA11: "#007763fd", 1588 | mintA12: "#00312ae9", 1589 | }; 1590 | 1591 | export const mintP3 = { 1592 | mint1: "color(display-p3 0.98 0.995 0.992)", 1593 | mint2: "color(display-p3 0.957 0.985 0.977)", 1594 | mint3: "color(display-p3 0.888 0.972 0.95)", 1595 | mint4: "color(display-p3 0.819 0.951 0.916)", 1596 | mint5: "color(display-p3 0.747 0.918 0.873)", 1597 | mint6: "color(display-p3 0.668 0.87 0.818)", 1598 | mint7: "color(display-p3 0.567 0.805 0.744)", 1599 | mint8: "color(display-p3 0.42 0.724 0.649)", 1600 | mint9: "color(display-p3 0.62 0.908 0.834)", 1601 | mint10: "color(display-p3 0.585 0.871 0.797)", 1602 | mint11: "color(display-p3 0.203 0.463 0.397)", 1603 | mint12: "color(display-p3 0.136 0.259 0.236)", 1604 | }; 1605 | 1606 | export const mintP3A = { 1607 | mintA1: "color(display-p3 0.02 0.804 0.608 / 0.02)", 1608 | mintA2: "color(display-p3 0.02 0.647 0.467 / 0.044)", 1609 | mintA3: "color(display-p3 0.004 0.761 0.553 / 0.114)", 1610 | mintA4: "color(display-p3 0.004 0.741 0.545 / 0.181)", 1611 | mintA5: "color(display-p3 0.004 0.678 0.51 / 0.255)", 1612 | mintA6: "color(display-p3 0.004 0.616 0.463 / 0.334)", 1613 | mintA7: "color(display-p3 0.004 0.549 0.412 / 0.432)", 1614 | mintA8: "color(display-p3 0 0.529 0.392 / 0.581)", 1615 | mintA9: "color(display-p3 0.004 0.765 0.569 / 0.381)", 1616 | mintA10: "color(display-p3 0.004 0.69 0.51 / 0.416)", 1617 | mintA11: "color(display-p3 0.203 0.463 0.397)", 1618 | mintA12: "color(display-p3 0.136 0.259 0.236)", 1619 | }; 1620 | 1621 | export const lime = { 1622 | lime1: "#fcfdfa", 1623 | lime2: "#f8faf3", 1624 | lime3: "#eef6d6", 1625 | lime4: "#e2f0bd", 1626 | lime5: "#d3e7a6", 1627 | lime6: "#c2da91", 1628 | lime7: "#abc978", 1629 | lime8: "#8db654", 1630 | lime9: "#bdee63", 1631 | lime10: "#b0e64c", 1632 | lime11: "#5c7c2f", 1633 | lime12: "#37401c", 1634 | }; 1635 | 1636 | export const limeA = { 1637 | limeA1: "#66990005", 1638 | limeA2: "#6b95000c", 1639 | limeA3: "#96c80029", 1640 | limeA4: "#8fc60042", 1641 | limeA5: "#81bb0059", 1642 | limeA6: "#72aa006e", 1643 | limeA7: "#61990087", 1644 | limeA8: "#559200ab", 1645 | limeA9: "#93e4009c", 1646 | limeA10: "#8fdc00b3", 1647 | limeA11: "#375f00d0", 1648 | limeA12: "#1e2900e3", 1649 | }; 1650 | 1651 | export const limeP3 = { 1652 | lime1: "color(display-p3 0.989 0.992 0.981)", 1653 | lime2: "color(display-p3 0.975 0.98 0.954)", 1654 | lime3: "color(display-p3 0.939 0.965 0.851)", 1655 | lime4: "color(display-p3 0.896 0.94 0.76)", 1656 | lime5: "color(display-p3 0.843 0.903 0.678)", 1657 | lime6: "color(display-p3 0.778 0.852 0.599)", 1658 | lime7: "color(display-p3 0.694 0.784 0.508)", 1659 | lime8: "color(display-p3 0.585 0.707 0.378)", 1660 | lime9: "color(display-p3 0.78 0.928 0.466)", 1661 | lime10: "color(display-p3 0.734 0.896 0.397)", 1662 | lime11: "color(display-p3 0.386 0.482 0.227)", 1663 | lime12: "color(display-p3 0.222 0.25 0.128)", 1664 | }; 1665 | 1666 | export const limeP3A = { 1667 | limeA1: "color(display-p3 0.412 0.608 0.02 / 0.02)", 1668 | limeA2: "color(display-p3 0.514 0.592 0.024 / 0.048)", 1669 | limeA3: "color(display-p3 0.584 0.765 0.008 / 0.15)", 1670 | limeA4: "color(display-p3 0.561 0.757 0.004 / 0.24)", 1671 | limeA5: "color(display-p3 0.514 0.698 0.004 / 0.322)", 1672 | limeA6: "color(display-p3 0.443 0.627 0 / 0.4)", 1673 | limeA7: "color(display-p3 0.376 0.561 0.004 / 0.491)", 1674 | limeA8: "color(display-p3 0.333 0.529 0 / 0.624)", 1675 | limeA9: "color(display-p3 0.588 0.867 0 / 0.534)", 1676 | limeA10: "color(display-p3 0.561 0.827 0 / 0.604)", 1677 | limeA11: "color(display-p3 0.386 0.482 0.227)", 1678 | limeA12: "color(display-p3 0.222 0.25 0.128)", 1679 | }; 1680 | 1681 | export const yellow = { 1682 | yellow1: "#fdfdf9", 1683 | yellow2: "#fefce9", 1684 | yellow3: "#fffab8", 1685 | yellow4: "#fff394", 1686 | yellow5: "#ffe770", 1687 | yellow6: "#f3d768", 1688 | yellow7: "#e4c767", 1689 | yellow8: "#d5ae39", 1690 | yellow9: "#ffe629", 1691 | yellow10: "#ffdc00", 1692 | yellow11: "#9e6c00", 1693 | yellow12: "#473b1f", 1694 | }; 1695 | 1696 | export const yellowA = { 1697 | yellowA1: "#aaaa0006", 1698 | yellowA2: "#f4dd0016", 1699 | yellowA3: "#ffee0047", 1700 | yellowA4: "#ffe3016b", 1701 | yellowA5: "#ffd5008f", 1702 | yellowA6: "#ebbc0097", 1703 | yellowA7: "#d2a10098", 1704 | yellowA8: "#c99700c6", 1705 | yellowA9: "#ffe100d6", 1706 | yellowA10: "#ffdc00", 1707 | yellowA11: "#9e6c00", 1708 | yellowA12: "#2e2000e0", 1709 | }; 1710 | 1711 | export const yellowP3 = { 1712 | yellow1: "color(display-p3 0.992 0.992 0.978)", 1713 | yellow2: "color(display-p3 0.995 0.99 0.922)", 1714 | yellow3: "color(display-p3 0.997 0.982 0.749)", 1715 | yellow4: "color(display-p3 0.992 0.953 0.627)", 1716 | yellow5: "color(display-p3 0.984 0.91 0.51)", 1717 | yellow6: "color(display-p3 0.934 0.847 0.474)", 1718 | yellow7: "color(display-p3 0.876 0.785 0.46)", 1719 | yellow8: "color(display-p3 0.811 0.689 0.313)", 1720 | yellow9: "color(display-p3 1 0.92 0.22)", 1721 | yellow10: "color(display-p3 0.977 0.868 0.291)", 1722 | yellow11: "color(display-p3 0.6 0.44 0)", 1723 | yellow12: "color(display-p3 0.271 0.233 0.137)", 1724 | }; 1725 | 1726 | export const yellowP3A = { 1727 | yellowA1: "color(display-p3 0.675 0.675 0.024 / 0.024)", 1728 | yellowA2: "color(display-p3 0.953 0.855 0.008 / 0.079)", 1729 | yellowA3: "color(display-p3 0.988 0.925 0.004 / 0.251)", 1730 | yellowA4: "color(display-p3 0.98 0.875 0.004 / 0.373)", 1731 | yellowA5: "color(display-p3 0.969 0.816 0.004 / 0.491)", 1732 | yellowA6: "color(display-p3 0.875 0.71 0 / 0.526)", 1733 | yellowA7: "color(display-p3 0.769 0.604 0 / 0.542)", 1734 | yellowA8: "color(display-p3 0.725 0.549 0 / 0.687)", 1735 | yellowA9: "color(display-p3 1 0.898 0 / 0.781)", 1736 | yellowA10: "color(display-p3 0.969 0.812 0 / 0.71)", 1737 | yellowA11: "color(display-p3 0.6 0.44 0)", 1738 | yellowA12: "color(display-p3 0.271 0.233 0.137)", 1739 | }; 1740 | 1741 | export const amber = { 1742 | amber1: "#fefdfb", 1743 | amber2: "#fefbe9", 1744 | amber3: "#fff7c2", 1745 | amber4: "#ffee9c", 1746 | amber5: "#fbe577", 1747 | amber6: "#f3d673", 1748 | amber7: "#e9c162", 1749 | amber8: "#e2a336", 1750 | amber9: "#ffc53d", 1751 | amber10: "#ffba18", 1752 | amber11: "#ab6400", 1753 | amber12: "#4f3422", 1754 | }; 1755 | 1756 | export const amberA = { 1757 | amberA1: "#c0800004", 1758 | amberA2: "#f4d10016", 1759 | amberA3: "#ffde003d", 1760 | amberA4: "#ffd40063", 1761 | amberA5: "#f8cf0088", 1762 | amberA6: "#eab5008c", 1763 | amberA7: "#dc9b009d", 1764 | amberA8: "#da8a00c9", 1765 | amberA9: "#ffb300c2", 1766 | amberA10: "#ffb300e7", 1767 | amberA11: "#ab6400", 1768 | amberA12: "#341500dd", 1769 | }; 1770 | 1771 | export const amberP3 = { 1772 | amber1: "color(display-p3 0.995 0.992 0.985)", 1773 | amber2: "color(display-p3 0.994 0.986 0.921)", 1774 | amber3: "color(display-p3 0.994 0.969 0.782)", 1775 | amber4: "color(display-p3 0.989 0.937 0.65)", 1776 | amber5: "color(display-p3 0.97 0.902 0.527)", 1777 | amber6: "color(display-p3 0.936 0.844 0.506)", 1778 | amber7: "color(display-p3 0.89 0.762 0.443)", 1779 | amber8: "color(display-p3 0.85 0.65 0.3)", 1780 | amber9: "color(display-p3 1 0.77 0.26)", 1781 | amber10: "color(display-p3 0.959 0.741 0.274)", 1782 | amber11: "color(display-p3 0.64 0.4 0)", 1783 | amber12: "color(display-p3 0.294 0.208 0.145)", 1784 | }; 1785 | 1786 | export const amberP3A = { 1787 | amberA1: "color(display-p3 0.757 0.514 0.024 / 0.016)", 1788 | amberA2: "color(display-p3 0.902 0.804 0.008 / 0.079)", 1789 | amberA3: "color(display-p3 0.965 0.859 0.004 / 0.22)", 1790 | amberA4: "color(display-p3 0.969 0.82 0.004 / 0.35)", 1791 | amberA5: "color(display-p3 0.933 0.796 0.004 / 0.475)", 1792 | amberA6: "color(display-p3 0.875 0.682 0.004 / 0.495)", 1793 | amberA7: "color(display-p3 0.804 0.573 0 / 0.557)", 1794 | amberA8: "color(display-p3 0.788 0.502 0 / 0.699)", 1795 | amberA9: "color(display-p3 1 0.686 0 / 0.742)", 1796 | amberA10: "color(display-p3 0.945 0.643 0 / 0.726)", 1797 | amberA11: "color(display-p3 0.64 0.4 0)", 1798 | amberA12: "color(display-p3 0.294 0.208 0.145)", 1799 | }; 1800 | 1801 | export const orange = { 1802 | orange1: "#fefcfb", 1803 | orange2: "#fff7ed", 1804 | orange3: "#ffefd6", 1805 | orange4: "#ffdfb5", 1806 | orange5: "#ffd19a", 1807 | orange6: "#ffc182", 1808 | orange7: "#f5ae73", 1809 | orange8: "#ec9455", 1810 | orange9: "#f76b15", 1811 | orange10: "#ef5f00", 1812 | orange11: "#cc4e00", 1813 | orange12: "#582d1d", 1814 | }; 1815 | 1816 | export const orangeA = { 1817 | orangeA1: "#c0400004", 1818 | orangeA2: "#ff8e0012", 1819 | orangeA3: "#ff9c0029", 1820 | orangeA4: "#ff91014a", 1821 | orangeA5: "#ff8b0065", 1822 | orangeA6: "#ff81007d", 1823 | orangeA7: "#ed6c008c", 1824 | orangeA8: "#e35f00aa", 1825 | orangeA9: "#f65e00ea", 1826 | orangeA10: "#ef5f00", 1827 | orangeA11: "#cc4e00", 1828 | orangeA12: "#431200e2", 1829 | }; 1830 | 1831 | export const orangeP3 = { 1832 | orange1: "color(display-p3 0.995 0.988 0.985)", 1833 | orange2: "color(display-p3 0.994 0.968 0.934)", 1834 | orange3: "color(display-p3 0.989 0.938 0.85)", 1835 | orange4: "color(display-p3 1 0.874 0.687)", 1836 | orange5: "color(display-p3 1 0.821 0.583)", 1837 | orange6: "color(display-p3 0.975 0.767 0.545)", 1838 | orange7: "color(display-p3 0.919 0.693 0.486)", 1839 | orange8: "color(display-p3 0.877 0.597 0.379)", 1840 | orange9: "color(display-p3 0.9 0.45 0.2)", 1841 | orange10: "color(display-p3 0.87 0.409 0.164)", 1842 | orange11: "color(display-p3 0.76 0.34 0)", 1843 | orange12: "color(display-p3 0.323 0.185 0.127)", 1844 | }; 1845 | 1846 | export const orangeP3A = { 1847 | orangeA1: "color(display-p3 0.757 0.267 0.024 / 0.016)", 1848 | orangeA2: "color(display-p3 0.886 0.533 0.008 / 0.067)", 1849 | orangeA3: "color(display-p3 0.922 0.584 0.008 / 0.15)", 1850 | orangeA4: "color(display-p3 1 0.604 0.004 / 0.314)", 1851 | orangeA5: "color(display-p3 1 0.569 0.004 / 0.416)", 1852 | orangeA6: "color(display-p3 0.949 0.494 0.004 / 0.455)", 1853 | orangeA7: "color(display-p3 0.839 0.408 0 / 0.514)", 1854 | orangeA8: "color(display-p3 0.804 0.349 0 / 0.62)", 1855 | orangeA9: "color(display-p3 0.878 0.314 0 / 0.8)", 1856 | orangeA10: "color(display-p3 0.843 0.29 0 / 0.836)", 1857 | orangeA11: "color(display-p3 0.76 0.34 0)", 1858 | orangeA12: "color(display-p3 0.323 0.185 0.127)", 1859 | }; 1860 | -------------------------------------------------------------------------------- /src/whiteA.ts: -------------------------------------------------------------------------------- 1 | export const whiteA = { 2 | whiteA1: "rgba(255, 255, 255, 0.05)", 3 | whiteA2: "rgba(255, 255, 255, 0.1)", 4 | whiteA3: "rgba(255, 255, 255, 0.15)", 5 | whiteA4: "rgba(255, 255, 255, 0.2)", 6 | whiteA5: "rgba(255, 255, 255, 0.3)", 7 | whiteA6: "rgba(255, 255, 255, 0.4)", 8 | whiteA7: "rgba(255, 255, 255, 0.5)", 9 | whiteA8: "rgba(255, 255, 255, 0.6)", 10 | whiteA9: "rgba(255, 255, 255, 0.7)", 11 | whiteA10: "rgba(255, 255, 255, 0.8)", 12 | whiteA11: "rgba(255, 255, 255, 0.9)", 13 | whiteA12: "rgba(255, 255, 255, 0.95)", 14 | }; 15 | 16 | export const whiteP3A = { 17 | whiteA1: "color(display-p3 1 1 1 / 0.05)", 18 | whiteA2: "color(display-p3 1 1 1 / 0.1)", 19 | whiteA3: "color(display-p3 1 1 1 / 0.15)", 20 | whiteA4: "color(display-p3 1 1 1 / 0.2)", 21 | whiteA5: "color(display-p3 1 1 1 / 0.3)", 22 | whiteA6: "color(display-p3 1 1 1 / 0.4)", 23 | whiteA7: "color(display-p3 1 1 1 / 0.5)", 24 | whiteA8: "color(display-p3 1 1 1 / 0.6)", 25 | whiteA9: "color(display-p3 1 1 1 / 0.7)", 26 | whiteA10: "color(display-p3 1 1 1 / 0.8)", 27 | whiteA11: "color(display-p3 1 1 1 / 0.9)", 28 | whiteA12: "color(display-p3 1 1 1 / 0.95)", 29 | }; 30 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "outDir": ".", 4 | "declarationDir": "types", 5 | "module": "esnext", 6 | "target": "ES2019", 7 | "lib": ["esnext"], 8 | "declaration": true, 9 | "esModuleInterop": true, 10 | "allowSyntheticDefaultImports": true, 11 | "strict": true, 12 | "forceConsistentCasingInFileNames": true, 13 | "moduleResolution": "node", 14 | "isolatedModules": true 15 | }, 16 | "include": ["./src"], 17 | "exclude": ["/*.css", "/index.js", "/index.mjs"] 18 | } 19 | -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- 1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. 2 | # yarn lockfile v1 3 | 4 | 5 | "@rollup/plugin-typescript@^8.2.1": 6 | version "8.2.1" 7 | resolved "https://registry.yarnpkg.com/@rollup/plugin-typescript/-/plugin-typescript-8.2.1.tgz#f1a32d4030cc83432ce36a80a922280f0f0b5d44" 8 | integrity sha512-Qd2E1pleDR4bwyFxqbjt4eJf+wB0UKVMLc7/BAFDGVdAXQMCsD4DUv5/7/ww47BZCYxWtJqe1Lo0KVNswBJlRw== 9 | dependencies: 10 | "@rollup/pluginutils" "^3.1.0" 11 | resolve "^1.17.0" 12 | 13 | "@rollup/pluginutils@^3.1.0": 14 | version "3.1.0" 15 | resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b" 16 | integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg== 17 | dependencies: 18 | "@types/estree" "0.0.39" 19 | estree-walker "^1.0.1" 20 | picomatch "^2.2.2" 21 | 22 | "@types/estree@0.0.39": 23 | version "0.0.39" 24 | resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f" 25 | integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw== 26 | 27 | "@types/node@^15.0.3": 28 | version "15.0.3" 29 | resolved "https://registry.yarnpkg.com/@types/node/-/node-15.0.3.tgz#ee09fcaac513576474c327da5818d421b98db88a" 30 | integrity sha512-/WbxFeBU+0F79z9RdEOXH4CsDga+ibi5M8uEYr91u3CkT/pdWcV8MCook+4wDPnZBexRdwWS+PiVZ2xJviAzcQ== 31 | 32 | estree-walker@^1.0.1: 33 | version "1.0.1" 34 | resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700" 35 | integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg== 36 | 37 | fsevents@~2.3.1: 38 | version "2.3.2" 39 | resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a" 40 | integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA== 41 | 42 | function-bind@^1.1.1: 43 | version "1.1.1" 44 | resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d" 45 | integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A== 46 | 47 | has@^1.0.3: 48 | version "1.0.3" 49 | resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796" 50 | integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw== 51 | dependencies: 52 | function-bind "^1.1.1" 53 | 54 | is-core-module@^2.2.0: 55 | version "2.4.0" 56 | resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.4.0.tgz#8e9fc8e15027b011418026e98f0e6f4d86305cc1" 57 | integrity sha512-6A2fkfq1rfeQZjxrZJGerpLCTHRNEBiSgnu0+obeJpEPZRUooHgsizvzv0ZjJwOz3iWIHdJtVWJ/tmPr3D21/A== 58 | dependencies: 59 | has "^1.0.3" 60 | 61 | path-parse@^1.0.6: 62 | version "1.0.6" 63 | resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c" 64 | integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw== 65 | 66 | picomatch@^2.2.2: 67 | version "2.2.3" 68 | resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.3.tgz#465547f359ccc206d3c48e46a1bcb89bf7ee619d" 69 | integrity sha512-KpELjfwcCDUb9PeigTs2mBJzXUPzAuP2oPcA989He8Rte0+YUAjw1JVedDhuTKPkHjSYzMN3npC9luThGYEKdg== 70 | 71 | resolve@^1.17.0: 72 | version "1.20.0" 73 | resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz#629a013fb3f70755d6f0b7935cc1c2c5378b1975" 74 | integrity sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A== 75 | dependencies: 76 | is-core-module "^2.2.0" 77 | path-parse "^1.0.6" 78 | 79 | rollup@^2.48.0: 80 | version "2.48.0" 81 | resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.48.0.tgz#fceb01ed771f991f29f7bd2ff7838146e55acb74" 82 | integrity sha512-wl9ZSSSsi5579oscSDYSzGn092tCS076YB+TQrzsGuSfYyJeep8eEWj0eaRjuC5McuMNmcnR8icBqiE/FWNB1A== 83 | optionalDependencies: 84 | fsevents "~2.3.1" 85 | 86 | tslib@^2.2.0: 87 | version "2.2.0" 88 | resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.2.0.tgz#fb2c475977e35e241311ede2693cee1ec6698f5c" 89 | integrity sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w== 90 | 91 | typescript@^4.2.4: 92 | version "4.2.4" 93 | resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.2.4.tgz#8610b59747de028fda898a8aef0e103f156d0961" 94 | integrity sha512-V+evlYHZnQkaz8TRBuxTA92yZBPotr5H+WhQ7bD3hZUndx5tGOa1fuCgeSjxAzM1RiN5IzvadIXTVefuuwZCRg== 95 | --------------------------------------------------------------------------------