Skip to content

Commit

Permalink
feat: new colorpicker
Browse files Browse the repository at this point in the history
  • Loading branch information
ten3roberts committed Dec 12, 2024
1 parent a2dff69 commit a3e6953
Show file tree
Hide file tree
Showing 10 changed files with 985 additions and 1,445 deletions.
382 changes: 200 additions & 182 deletions colors.json
Original file line number Diff line number Diff line change
@@ -1,184 +1,202 @@
{
"stone": {
"50": "#e8e8e8",
"100": "#dbdbdb",
"200": "#c1c1c1",
"300": "#a8a8a8",
"400": "#8f8f8f",
"500": "#777777",
"600": "#606060",
"700": "#4a4a4a",
"800": "#353535",
"900": "#222222",
"950": "#181818"
},
"platinum": {
"50": "#e9e7e6",
"100": "#dcdad9",
"200": "#c3c0be",
"300": "#aba7a4",
"400": "#938e8a",
"500": "#7c7671",
"600": "#645f5b",
"700": "#4d4a47",
"800": "#373533",
"900": "#232120",
"950": "#191817"
},
"zinc": {
"50": "#e7e8eb",
"100": "#d9dbde",
"200": "#bfc1c6",
"300": "#a5a7af",
"400": "#8b8f99",
"500": "#737782",
"600": "#5d606a",
"700": "#484a51",
"800": "#343539",
"900": "#212224",
"950": "#17181a"
},
"cherry": {
"50": "#f8e1e5",
"100": "#edd3d7",
"200": "#dab6bc",
"300": "#cb98a1",
"400": "#bd7986",
"500": "#a95d6d",
"600": "#8a4a58",
"700": "#673c44",
"800": "#482c32",
"900": "#2e1c1f",
"950": "#221316"
},
"copper": {
"50": "#f6e4d9",
"100": "#ebd6c9",
"200": "#d8baa8",
"300": "#c89d83",
"400": "#b9805c",
"500": "#a5663b",
"600": "#87512e",
"700": "#654029",
"800": "#472f20",
"900": "#2d1e14",
"950": "#21150d"
},
"redwood": {
"50": "#ffded9",
"100": "#facfca",
"200": "#ebb0a9",
"300": "#e18e84",
"400": "#d9685e",
"500": "#c6463e",
"600": "#a23730",
"700": "#79302a",
"800": "#542521",
"900": "#361815",
"950": "#28100e"
},
"amber": {
"50": "#f7e6c3",
"100": "#ecd9af",
"200": "#d9be80",
"300": "#caa13e",
"400": "#be8400",
"500": "#aa6800",
"600": "#8b5300",
"700": "#684200",
"800": "#493100",
"900": "#2e1f00",
"950": "#221600"
},
"rose": {
"50": "#fddeeb",
"100": "#f3cfde",
"200": "#e2b1c6",
"300": "#d58faf",
"400": "#ca6b99",
"500": "#b64c82",
"600": "#953c69",
"700": "#6f3250",
"800": "#4e2739",
"900": "#311824",
"950": "#25111a"
},
"forest": {
"50": "#dcf0c9",
"100": "#cce4b6",
"200": "#adce8c",
"300": "#8ab954",
"400": "#65a400",
"500": "#478d00",
"600": "#377300",
"700": "#2f5700",
"800": "#243e00",
"900": "#172701",
"950": "#0f1d00"
},
"emerald": {
"50": "#baf7e4",
"100": "#a3ecd6",
"200": "#66d9ba",
"300": "#00c89d",
"400": "#00b881",
"500": "#00a267",
"600": "#008453",
"700": "#006441",
"800": "#004630",
"900": "#002d1e",
"950": "#002115"
},
"teal": {
"50": "#b3f7f5",
"100": "#9becea",
"200": "#53d8d6",
"300": "#00c7c6",
"400": "#00b5b8",
"500": "#009fa5",
"600": "#008187",
"700": "#006265",
"800": "#004546",
"900": "#002c2d",
"950": "#002121"
},
"ocean": {
"50": "#d0e9ff",
"100": "#bedcff",
"200": "#98c1ff",
"300": "#6ba4ff",
"400": "#3683ff",
"500": "#0060ff",
"600": "#004de2",
"700": "#0d40a4",
"800": "#11316f",
"900": "#0b1f47",
"950": "#061636"
},
"violet": {
"50": "#ece0ff",
"100": "#e0d1ff",
"200": "#c9b2fd",
"300": "#b490fc",
"400": "#a267ff",
"500": "#8e3ef3",
"600": "#7430c8",
"700": "#572e92",
"800": "#3d2564",
"900": "#261840",
"950": "#1c1030"
},
"amethyst": {
"50": "#f5deff",
"100": "#eacefc",
"200": "#d6afef",
"300": "#c68be8",
"400": "#b762e5",
"500": "#a43bd6",
"600": "#852daf",
"700": "#642b81",
"800": "#462359",
"900": "#2c1639",
"950": "#210f2b"
}
"palettes": [
{
"colors": [
{
"OkLab": {
"l": 0.8,
"chroma": 0.056842107,
"hue": 0.0
}
},
{
"OkLab": {
"l": 0.725,
"chroma": 0.08683417,
"hue": 0.0
}
},
{
"OkLab": {
"l": 0.65000004,
"chroma": 0.13935484,
"hue": 0.0
}
},
{
"OkLab": {
"l": 0.575,
"chroma": 0.21873419,
"hue": 0.0
}
},
{
"OkLab": {
"l": 0.5,
"chroma": 0.27,
"hue": 0.0
}
},
{
"OkLab": {
"l": 0.425,
"chroma": 0.21873419,
"hue": 0.0
}
},
{
"OkLab": {
"l": 0.35000002,
"chroma": 0.13935484,
"hue": 0.0
}
},
{
"OkLab": {
"l": 0.275,
"chroma": 0.08683417,
"hue": 0.0
}
}
],
"auto": {
"enabled": true,
"min_lum": 0.2,
"max_lum": 0.8,
"falloff": 15.0
}
},
{
"colors": [
{
"OkLab": {
"l": 0.8,
"chroma": 0.056842107,
"hue": 60.0
}
},
{
"OkLab": {
"l": 0.725,
"chroma": 0.08683417,
"hue": 60.0
}
},
{
"OkLab": {
"l": 0.65000004,
"chroma": 0.13935484,
"hue": 60.0
}
},
{
"OkLab": {
"l": 0.575,
"chroma": 0.21873419,
"hue": 60.0
}
},
{
"OkLab": {
"l": 0.5,
"chroma": 0.27,
"hue": 60.0
}
},
{
"OkLab": {
"l": 0.425,
"chroma": 0.21873419,
"hue": 60.0
}
},
{
"OkLab": {
"l": 0.35000002,
"chroma": 0.13935484,
"hue": 60.0
}
},
{
"OkLab": {
"l": 0.275,
"chroma": 0.08683417,
"hue": 60.0
}
}
],
"auto": {
"enabled": true,
"min_lum": 0.2,
"max_lum": 0.8,
"falloff": 15.0
}
},
{
"colors": [
{
"OkLab": {
"l": 0.8,
"chroma": 0.056842107,
"hue": 120.0
}
},
{
"OkLab": {
"l": 0.725,
"chroma": 0.08683417,
"hue": 120.0
}
},
{
"OkLab": {
"l": 0.65000004,
"chroma": 0.13935484,
"hue": 120.0
}
},
{
"OkLab": {
"l": 0.575,
"chroma": 0.21873419,
"hue": 120.0
}
},
{
"OkLab": {
"l": 0.5,
"chroma": 0.27,
"hue": 120.0
}
},
{
"OkLab": {
"l": 0.425,
"chroma": 0.21873419,
"hue": 120.0
}
},
{
"OkLab": {
"l": 0.35000002,
"chroma": 0.13935484,
"hue": 120.0
}
},
{
"OkLab": {
"l": 0.275,
"chroma": 0.08683417,
"hue": 120.0
}
}
],
"auto": {
"enabled": true,
"min_lum": 0.2,
"max_lum": 0.8,
"falloff": 15.0
}
}
]
}
Loading

0 comments on commit a3e6953

Please sign in to comment.