diff --git a/netlify/functions/suggest-lint.ts b/netlify/functions/suggest-lint.ts
index be0bf958..a19e662e 100644
--- a/netlify/functions/suggest-lint.ts
+++ b/netlify/functions/suggest-lint.ts
@@ -26,8 +26,8 @@ Conjunctions:
 {not: EXPR}
 
 Quantifiers
-{all: {varbs: Variable[], predicate: EXPR, where?: EXPR, in: "colors"}}
-{exist: {varbs: Variable[], predicate: EXPR, where?: EXPR, in: "colors"}}
+{all: {varbs: Variable, predicate: EXPR, where?: EXPR, in: Variable | Map}}
+{exist: {varbs: Variable, predicate: EXPR, where?: EXPR, in: Variable | Map}}
 Notes:
 
 - varbs each listed variable into the scope, as well as variables like index(a) for a variable a
@@ -68,13 +68,14 @@ Aggregates
 {extent: Variable | Number[]}
 
 Color Manipulations:
-{toColor: Variable, space: 'lab' | 'hsl' | etc, channel: 'a' | 'b' | 'l' | etc}
+{toSpace: Variable, space: 'lab' | 'hsl' | etc, channel: 'a' | 'b' | 'l' | etc}
 {cvdSim: Variable, type: 'protanomaly' | 'deuteranomaly' | 'tritanopia' | 'grayscale'}
 {name: Variable}
 {inGamut: Variable | Color}
+{isTag: Variable | Color, value: string}
 Notes
 
-- toColor has a shorthand like {"rgb.b": Variable}
+- toSpace has a shorthand like {"rgb.b": Variable}
 - When comparing colors, it can be helpful to switch color spaces. For instance, to check if a value is blue you might switch it to HSL and check if the hue is in a certain range.
 
 Maps:
diff --git a/public/lang-docs.md b/public/lang-docs.md
index b6f81b6b..d7615f7f 100644
--- a/public/lang-docs.md
+++ b/public/lang-docs.md
@@ -28,7 +28,7 @@ Quantifiers
 Notes:
 
 - varbs each listed variable into the scope, as well as variables like index(a) for a variable a
-- To slice you might do something like {...where: {"<" : {left: "index(a), right: 3}}}. This is important! There is no other way to subset or filter for quantifiers. THE IN CLAUSE MUST ONLY HAVE A VARIABLE AND THING ELSE.
+- To slice you might do something like {...where: {"<" : {"left": "index(a)", "right": 3}}}. This is important! There is no other way to subset or filter for quantifiers. THE IN CLAUSE MUST ONLY HAVE A VARIABLE AND THING ELSE.
 
 Comparisons:
 {"==": {left: Value, right: Value}}
@@ -65,13 +65,14 @@ Aggregates
 {extent: Variable | Number[]}
 
 Color Manipulations:
-{toColor: Variable, space: 'lab' | 'hsl' | etc, channel: 'a' | 'b' | 'l' | etc}
+{toSpace: Variable, space: 'lab' | 'hsl' | etc, channel: 'a' | 'b' | 'l' | etc}
 {cvdSim: Variable, type: 'protanomaly' | 'deuteranomaly' | 'tritanopia' | 'grayscale'}
 {name: Variable}
 {inGamut: Variable | Color}
+{isTag: Variable | Color, value: string}
 Notes
 
-- toColor has a shorthand like {"rgb.b": Variable}
+- toSpace has a shorthand like {"rgb.b": Variable}
 - When comparing colors, it can be helpful to switch color spaces. For instance, to check if a value is blue you might switch it to HSL and check if the hue is in a certain range.
 
 Maps:
@@ -89,7 +90,7 @@ Maps:
 
 Description: Highly saturated light colors are not appropriate for palettes that seek to be serious.  See "Affective color in visualization" for more.
 
-Natural Language: ALL c in colors WHERE hsl.l(c) > 70, NOT hsl.s(c) > 70
+Natural Language: ALL c IN colors WHERE hsl.l(c) > 70 SUCH THAT NOT hsl.s(c) > 70
 
 
 Program:
@@ -121,7 +122,7 @@ Program:
 
 Description: Highly saturated light colors are not appropriate for palettes that seek to be trustworthy.  See "Affective color in visualization" for more.
 
-Natural Language: ALL c in colors WHERE hsl.l(c) > 70, NOT hsl.s(c) > 70
+Natural Language: ALL c IN colors WHERE hsl.l(c) > 70 SUCH THAT NOT hsl.s(c) > 70
 
 
 Program:
@@ -153,7 +154,7 @@ Program:
 
 Description: Highly saturated light colors are not appropriate for palettes that seek to be calm.  See "Affective color in visualization" for more.
 
-Natural Language: ALL c in colors WHERE hsl.l(c) > 70, NOT hsl.s(c) > 70
+Natural Language: ALL c IN colors WHERE hsl.l(c) > 70 SUCH THAT NOT hsl.s(c) > 70
 
 
 Program:
@@ -185,7 +186,7 @@ Program:
 
 Description: Palettes that seek to be playful should have at least one light blue, beige, or gray.  See "Affective color in visualization" for more.
 
-Natural Language: EXIST c in colors, (similar(c, lightblue) < 20 or similar(c, beige) < 20 or similar(c, gray) < 20)
+Natural Language: EXIST c IN colors SUCH THAT (similar(c, lightblue) < 20 OR similar(c, beige) < 20 OR similar(c, gray) < 20)
 
 
 Program:
@@ -216,7 +217,7 @@ Program:
 
 Description: Palettes that seek to be positive should not have dark reds or browns.  See "Affective color in visualization" for more.
 
-Natural Language: ALL c in colors, NOT (similar(c, darkred) < 20 or similar(c, brown) < 20)
+Natural Language: ALL c IN colors SUCH THAT NOT (similar(c, darkred) < 20 OR similar(c, brown) < 20)
 
 
 Program:
@@ -248,7 +249,7 @@ Program:
 
 Description: Palettes that seek to be negative should not have light colors, particularly greens.  See "Affective color in visualization" for more.
 
-Natural Language: ALL c in colors, NOT (similar(c, green) < 20 or lab.l(c) > 70)
+Natural Language: ALL c IN colors SUCH THAT NOT (similar(c, green) < 20 OR lab.l(c) > 70)
 
 
 Program:
@@ -278,11 +279,11 @@ Program:
 
 
 
-### Colorblind Friendly for deuteranopia
+### CVD: deuteranopia Friendly
 
 Description: All colors in a palette should be differentiable by people with deuteranopia (ie can't see green). This is because if they are not, then they will not be differentiable from each other in some contexts.
 
-Natural Language: ALL (a, b) in colors WHERE index(a) != index(b), NOT similar(cvdSim(a, deuteranopia), cvdSim(b, deuteranopia)) < 9
+Natural Language: ALL (a, b) IN colors WHERE index(a) != index(b) SUCH THAT NOT similar(cvdSim(a, deuteranopia), cvdSim(b, deuteranopia)) < 9
 
 Palettes that will fail this test:
 
@@ -322,11 +323,11 @@ Program:
 
 
 
-### Colorblind Friendly for protanopia
+### CVD: protanopia Friendly
 
 Description: All colors in a palette should be differentiable by people with protanopia (ie can't see red). This is because if they are not, then they will not be differentiable from each other in some contexts.
 
-Natural Language: ALL (a, b) in colors WHERE index(a) != index(b), NOT similar(cvdSim(a, protanopia), cvdSim(b, protanopia)) < 9
+Natural Language: ALL (a, b) IN colors WHERE index(a) != index(b) SUCH THAT NOT similar(cvdSim(a, protanopia), cvdSim(b, protanopia)) < 9
 
 Palettes that will fail this test:
 
@@ -366,11 +367,11 @@ Program:
 
 
 
-### Colorblind Friendly for tritanopia
+### CVD: tritanopia Friendly
 
 Description: All colors in a palette should be differentiable by people with tritanopia (ie can't see blue). This is because if they are not, then they will not be differentiable from each other in some contexts.
 
-Natural Language: ALL (a, b) in colors WHERE index(a) != index(b), NOT similar(cvdSim(a, tritanopia), cvdSim(b, tritanopia)) < 9
+Natural Language: ALL (a, b) IN colors WHERE index(a) != index(b) SUCH THAT NOT similar(cvdSim(a, tritanopia), cvdSim(b, tritanopia)) < 9
 
 Palettes that will fail this test:
 
@@ -414,7 +415,7 @@ Program:
 
 Description: All colors in a palette should be differentiable by people with grayscale . This is because if they are not, then they will not be differentiable from each other in some contexts.
 
-Natural Language: ALL (a, b) in colors WHERE index(a) != index(b), NOT similar(cvdSim(a, grayscale), cvdSim(b, grayscale)) < 9
+Natural Language: ALL (a, b) IN colors WHERE index(a) != index(b) SUCH THAT NOT similar(cvdSim(a, grayscale), cvdSim(b, grayscale)) < 9
 
 Palettes that will fail this test:
 
@@ -454,11 +455,92 @@ Program:
 
 
 
+### Axes should have low contrast with background
+
+Description: Axes should have low contrast with the background. Having it too high can make the axes too distracting. See "Whisper, Don't Scream: Grids and Transparency" for more.
+
+Natural Language: ALL a IN colors WHERE isTag(a, axis) SUCH THAT contrast(a, background, Lstar) < 20
+
+Palettes that will fail this test:
+
+- #000 (axis) with a #fff background
+
+
+
+Palettes that will pass this test:
+
+- #eee (axis) with a #fff background
+
+
+Program:
+
+```json
+{
+    "$schema": "http://localhost:3000/lint-schema.json", 
+    "all": {
+        "in": "colors", 
+        "varb": "a", 
+        "where": {"isTag": "a", "value": "axis"}, 
+        "predicate": {
+            "<": {
+                "left": { "contrast": {"left": "a", "right": "background"}, "algorithm": "Lstar" }, 
+                "right": 20
+            }
+        }
+    }
+}
+
+```
+
+    
+
+
+
+### Blue should be high probability for the basic color term blue
+
+Description: Blue should be high probability for the basic color term blue. If it's not, it can be confusing to users.
+
+Natural Language: ALL a IN colors WHERE isTag(a, blue) SUCH THAT name(a) == blue
+
+Palettes that will fail this test:
+
+- #f00 (blue), #ffa500 with a #fff background
+
+
+
+Palettes that will pass this test:
+
+- #00f (blue), #f00, #ffa500 with a #fff background
+
+- #00f, #f00, #ffa500 with a #fff background
+
+
+Program:
+
+```json
+{
+    "$schema": "http://localhost:3000/lint-schema.json", 
+    "all": {
+        "in": "colors", 
+        "varb": "a", 
+        "where": {"isTag": "a", "value": "blue"}, 
+        "predicate": {
+            "==": { "left": {"name": "a"}, "right": "blue" }
+        }
+    }
+}
+
+```
+
+    
+
+
+
 ### Fair
 
 Description: Do the colors stand out equally? A color palette is described as fair if both chroma and luminance ranges are below a certain threshold and unfair if one of them is above a certain threshold.
 
-Natural Language: (extent(sort(colors, x => lch.l(x))) < 50 and extent(sort(colors, x => lch.c(x))) < 80)
+Natural Language: (extent(sort(colors, x => lch.l(x))) < 50 AND extent(sort(colors, x => lch.c(x))) < 80)
 
 Palettes that will fail this test:
 
@@ -546,7 +628,7 @@ Program:
 
 Description: Background should be sufficiently desaturated. 
 
-Natural Language: (((hsl.l(background) > 90 and hsv.s(background) < 8) or hsl.l(background) > 99) or (hsl.l(background) > 10 and hsl.l(background) < 26 and hsv.s(background) < 21))
+Natural Language: (((hsl.l(background) > 90 AND hsv.s(background) < 8) OR hsl.l(background) > 99) OR (hsl.l(background) > 10 AND hsl.l(background) < 26 AND hsv.s(background) < 21))
 
 Palettes that will fail this test:
 
@@ -608,7 +690,7 @@ Program:
 
 Description: Tetradic palettes are hard to work with and are not recommended.
 
-Natural Language: NOT EXIST a in colors, (EXIST b in colors, similar(hsl.h(a), hsl.h(b) + 90) < 5 and EXIST b in colors, similar(hsl.h(a), hsl.h(b) + 90) < 5 and EXIST b in colors, similar(hsl.h(a), hsl.h(b) + 90) < 5)
+Natural Language: NOT EXIST a IN colors SUCH THAT (EXIST b IN colors SUCH THAT similar(hsl.h(a), hsl.h(b) + 90) < 5 AND EXIST b IN colors SUCH THAT similar(hsl.h(a), hsl.h(b) + 90) < 5 AND EXIST b IN colors SUCH THAT similar(hsl.h(a), hsl.h(b) + 90) < 5)
 
 Palettes that will fail this test:
 
@@ -693,7 +775,7 @@ Program:
 
 Description: When using green, make it a yellow or blue one. This makes it easier to play nicely with other colors.
 
-Natural Language: ALL a in colors, (hsl.h(a) < 90 or hsl.h(a) > 150)
+Natural Language: ALL a IN colors SUCH THAT (hsl.h(a) < 90 OR hsl.h(a) > 150)
 
 Palettes that will fail this test:
 
@@ -737,7 +819,7 @@ Program:
 
 Description: Don't make your colors too dark and saturated when you're using a bright background. If in doubt, try it out. Make your colors lighter, pull some saturation out of them and see how it feels.
 
-Natural Language: ((hsl.l(background) > 50 and ALL a in colors, contrast(a, background, WCAG21) < 10) or hsl.l(background) < 50)
+Natural Language: ((hsl.l(background) > 50 AND ALL a IN colors SUCH THAT contrast(a, background, WCAG21) < 10) OR hsl.l(background) < 50)
 
 Palettes that will fail this test:
 
@@ -791,7 +873,7 @@ Program:
 
 Description: Use color complements whenever possible
 
-Natural Language: EXIST (a, b) in colors, similar(hsl.h(a), hsl.h(b) + 180) < 5
+Natural Language: EXIST (a, b) IN colors SUCH THAT similar(hsl.h(a), hsl.h(b) + 180) < 5
 
 
 Program:
@@ -824,7 +906,7 @@ Program:
 
 Description: Pairs of colors in a palette should be differentiable from each other in Thin marks. 
 
-Natural Language: ALL (x, y) in colors WHERE index(x) != index(y), (lab.l(x) absDiff lab.l(y) > 12.58 or lab.a(x) absDiff lab.a(y) > 20.740000000000002 or lab.b(x) absDiff lab.b(y) > 34.05)
+Natural Language: ALL (x, y) IN colors WHERE index(x) != index(y) SUCH THAT (absDiff(lab.l(x), lab.l(y)) > 12.58 OR absDiff(lab.a(x), lab.a(y)) > 20.740000000000002 OR absDiff(lab.b(x), lab.b(y)) > 34.05)
 
 Palettes that will fail this test:
 
@@ -887,7 +969,7 @@ Program:
 
 Description: Pairs of colors in a palette should be differentiable from each other in Medium marks. 
 
-Natural Language: ALL (x, y) in colors WHERE index(x) != index(y), (lab.l(x) absDiff lab.l(y) > 6.58 or lab.a(x) absDiff lab.a(y) > 8.42 or lab.b(x) absDiff lab.b(y) > 11.09)
+Natural Language: ALL (x, y) IN colors WHERE index(x) != index(y) SUCH THAT (absDiff(lab.l(x), lab.l(y)) > 6.58 OR absDiff(lab.a(x), lab.a(y)) > 8.42 OR absDiff(lab.b(x), lab.b(y)) > 11.09)
 
 Palettes that will fail this test:
 
@@ -950,7 +1032,7 @@ Program:
 
 Description: Pairs of colors in a palette should be differentiable from each other in Wide marks. 
 
-Natural Language: ALL (x, y) in colors WHERE index(x) != index(y), (lab.l(x) absDiff lab.l(y) > 5.83 or lab.a(x) absDiff lab.a(y) > 6.88 or lab.b(x) absDiff lab.b(y) > 8.219999999999999)
+Natural Language: ALL (x, y) IN colors WHERE index(x) != index(y) SUCH THAT (absDiff(lab.l(x), lab.l(y)) > 5.83 OR absDiff(lab.a(x), lab.a(y)) > 6.88 OR absDiff(lab.b(x), lab.b(y)) > 8.219999999999999)
 
 Palettes that will fail this test:
 
@@ -1013,7 +1095,7 @@ Program:
 
 Description: Colors at either end of the lightness spectrum can be hard to discriminate in some contexts, and are sometimes advised against. See https://blog.datawrapper.de/beautifulcolors/#6 for more.
 
-Natural Language: ALL a in colors, ALL b in ([#000000, #ffffff, #0000ff, #ff0000, #00ff00]), NOT a == b
+Natural Language: ALL a IN colors SUCH THAT ALL b IN ([#000000, #ffffff, #0000ff, #ff0000, #00ff00]) SUCH THAT NOT a == b
 
 Palettes that will fail this test:
 
@@ -1056,7 +1138,7 @@ Program:
 
 Description: All colors in a palette should have a sufficient contrast ratio with the background color. This is because if they are not, then they will not be differentiable from each other in some contexts. Valid algorithms are "APCA", "WCAG21", "Michelson", "Weber", "Lstar", "DeltaPhi".
 
-Natural Language: ALL a in colors, contrast(a, background, WCAG21) > 1.1
+Natural Language: ALL a IN colors SUCH THAT contrast(a, background, WCAG21) > 1.1
 
 Palettes that will fail this test:
 
@@ -1096,7 +1178,7 @@ Program:
 
 Description: Opt for colors that are perceptually distinguishable in a logical sequence when designing visual elements like charts or graphs. This ensures that viewers can easily recognize the order or progression of data points. For categorical this means that when only a small number of colors are used, they should be as different as possible. For sequential and diverging, this means that the colors should be as different as possible in order.
 
-Natural Language: ALL (a, b) in colors WHERE index(a) == index(b) - 1, deltaE(a, b, 2000) > 10
+Natural Language: ALL (a, b) IN colors WHERE index(a) == index(b) - 1 SUCH THAT deltaE(a, b, 2000) > 10
 
 Palettes that will fail this test:
 
@@ -1142,7 +1224,7 @@ Program:
 
 Description: Categorical values should have an even distribution around the hue circle in LCH color space
 
-Natural Language: (std(speed(sort(colors, x => lch.h(x)),   =>  )) < 10 or std(speed(sort(colors, x => lch.h(x) + 180 % 360),   =>  )) < 10)
+Natural Language: (std(speed(sort(colors, x => lch.h(x)))) < 10 OR std(speed(sort(colors, x => lch.h(x) + 180 % 360))) < 10)
 
 Palettes that will fail this test:
 
@@ -1207,7 +1289,7 @@ Program:
 
 Description: Checks if the colors are in the sRGB gamut. This is important to ensure that the colors are visible and can be displayed on most devices.
 
-Natural Language: ALL a in colors, inGamut(a) == TRUE
+Natural Language: ALL a IN colors SUCH THAT inGamut(a) == TRUE
 
 Palettes that will fail this test:
 
@@ -1275,7 +1357,7 @@ Program:
 
 Description: All colors in a palette should be different from each other. This is because if they are not, then they will not be differentiable from each other in some contexts.
 
-Natural Language: ALL (a, b) in colors WHERE index(a) != index(b), dist(a, b, lab) > 15
+Natural Language: ALL (a, b) IN colors WHERE index(a) != index(b) SUCH THAT dist(a, b, lab) > 15
 
 Palettes that will fail this test:
 
@@ -1316,7 +1398,7 @@ Program:
 
 Description: Being able to identify colors by name is important for usability and for memorability.
 
-Natural Language: ALL (a, b) in colors WHERE index(a) != index(b), name(a) != name(b)
+Natural Language: ALL (a, b) IN colors WHERE index(a) != index(b) SUCH THAT name(a) != name(b)
 
 Palettes that will fail this test:
 
@@ -1354,7 +1436,7 @@ Program:
 
 Description: Sequential palettes should be ordered by lightness. This is a defining property of a sequential palette and ensures that values are understood as having an increase (or decreasing) value.
 
-Natural Language: (sort(colors, x => lch.l(x)) == map(colors, x => lch.l(x)) or sort(colors, x => lch.l(x)) == reverse(map(colors, x => lch.l(x)),   =>  ))
+Natural Language: (sort(colors, x => lch.l(x)) == map(colors, x => lch.l(x)) OR sort(colors, x => lch.l(x)) == reverse(map(colors, x => lch.l(x))))
 
 Palettes that will fail this test:
 
@@ -1400,7 +1482,7 @@ Program:
 
 Description: Colors that are close to what are known as ugly colors are sometimes advised against. See https://www.colourlovers.com/palette/1416250/The_Ugliest_Colors for more details.
 
-Natural Language: ALL a in colors, ALL b in ([#56FF00, #0010FF, #6A7E25, #FF00EF, #806E28]), deltaE(a, b, 2000) > 10
+Natural Language: ALL a IN colors SUCH THAT ALL b IN ([#56FF00, #0010FF, #6A7E25, #FF00EF, #806E28]) SUCH THAT deltaE(a, b, 2000) > 10
 
 Palettes that will fail this test:
 
diff --git a/public/lint-schema.json b/public/lint-schema.json
index b82ad3bf..b33868c7 100644
--- a/public/lint-schema.json
+++ b/public/lint-schema.json
@@ -186,13 +186,14 @@
                     "properties": {
                         "channel": {"$ref": "#/definitions/ColorChannel"}, 
                         "space": {"$ref": "#/definitions/ColorSpace"}, 
-                        "toColor": {
+                        "toSpace": {
                             "anyOf": [ {"$ref": "#/definitions/LintVariable"}, {"$ref": "#/definitions/LintColor"} ]
                         }
                     }, 
-                    "required": ["toColor", "space", "channel"], 
+                    "required": ["toSpace", "space", "channel"], 
                     "type": "object"
                 }, 
+                {"$ref": "#/definitions/LintColorTagCheck"}, 
                 {
                     "additionalProperties": {
                         "anyOf": [ {"$ref": "#/definitions/LintVariable"}, {"type": "string"} ]
@@ -213,6 +214,17 @@
             "required": ["cvdSim", "type"], 
             "type": "object"
         }, 
+        "LintColorTagCheck": {
+            "additionalProperties": false, 
+            "properties": {
+                "isTag": {
+                    "anyOf": [ {"$ref": "#/definitions/LintVariable"}, {"$ref": "#/definitions/LintColor"} ]
+                }, 
+                "value": {"type": "string"}
+            }, 
+            "required": ["isTag", "value"], 
+            "type": "object"
+        }, 
         "LintComparison": {
             "anyOf": [
                 {
@@ -363,10 +375,11 @@
         }, 
         "LintExpression": {
             "anyOf": [
-                {"$ref": "#/definitions/LintConjunction"}, 
-                {"$ref": "#/definitions/LintQuantifier" }, 
-                {"$ref": "#/definitions/LintComparison" }, 
-                {"$ref": "#/definitions/LintBoolean"    }  
+                {"$ref": "#/definitions/LintConjunction"  }, 
+                {"$ref": "#/definitions/LintQuantifier"   }, 
+                {"$ref": "#/definitions/LintComparison"   }, 
+                {"$ref": "#/definitions/LintBoolean"      }, 
+                {"$ref": "#/definitions/LintColorTagCheck"}  
             ], 
             "description": "A LintExpression is a JSON object that represents a logical expression. It is used to express a condition that is evaluated to a boolean value. It can be a conjunction, a quantifier, a comparison or a boolean value."
         }, 
@@ -375,7 +388,7 @@
                 {
                     "additionalProperties": false, 
                     "properties": {
-                        "filter": {"$ref": "#/definitions/alias-1448761563-3904-3965-1448761563-0-6322"}, 
+                        "filter": {"$ref": "#/definitions/alias-1448761563-3892-3953-1448761563-0-6459"}, 
                         "func"  : {"$ref": "#/definitions/LintExpression"}                              , 
                         "varb"  : {"type": "string"}                                                      
                     }, 
@@ -386,7 +399,7 @@
                     "additionalProperties": false, 
                     "properties": {
                         "func": {"$ref": "#/definitions/LintValue"}                                   , 
-                        "map" : {"$ref": "#/definitions/alias-1448761563-3904-3965-1448761563-0-6322"}, 
+                        "map" : {"$ref": "#/definitions/alias-1448761563-3892-3953-1448761563-0-6459"}, 
                         "varb": {"type": "string"}                                                      
                     }, 
                     "required": ["map", "func", "varb"], 
@@ -395,7 +408,7 @@
                 {
                     "additionalProperties": false, 
                     "properties": {
-                        "reverse": {"$ref": "#/definitions/alias-1448761563-3904-3965-1448761563-0-6322"}
+                        "reverse": {"$ref": "#/definitions/alias-1448761563-3892-3953-1448761563-0-6459"}
                     }, 
                     "required": ["reverse"], 
                     "type": "object"
@@ -404,7 +417,7 @@
                     "additionalProperties": false, 
                     "properties": {
                         "func": {"$ref": "#/definitions/LintValue"}                                   , 
-                        "sort": {"$ref": "#/definitions/alias-1448761563-3904-3965-1448761563-0-6322"}, 
+                        "sort": {"$ref": "#/definitions/alias-1448761563-3892-3953-1448761563-0-6459"}, 
                         "varb": {"type": "string"}                                                      
                     }, 
                     "required": ["sort", "func", "varb"], 
@@ -412,7 +425,7 @@
                 }, 
                 {
                     "additionalProperties": false, 
-                    "properties": { "speed": {"$ref": "#/definitions/alias-1448761563-3904-3965-1448761563-0-6322"} }, 
+                    "properties": { "speed": {"$ref": "#/definitions/alias-1448761563-3892-3953-1448761563-0-6459"} }, 
                     "required": ["speed"], 
                     "type": "object"
                 }
@@ -727,7 +740,7 @@
             "description": "A LintValue is a JSON object that represents a value. It can be a string, a number, a boolean, a LintColor, a LintVariable, a LintMathOps, a LintPairOps, a LintAggregate, a LintColorFunction or a LintExpression"
         }, 
         "LintVariable": {"type": "string"}, 
-        "alias-1448761563-3904-3965-1448761563-0-6322": {
+        "alias-1448761563-3892-3953-1448761563-0-6459": {
             "anyOf": [
                 {"$ref": "#/definitions/LintVariable"}                           , 
                 { "items": {"$ref": "#/definitions/LintValue"}, "type": "array" }, 
diff --git a/src/components/ColorChannelPicker.svelte b/src/components/ColorChannelPicker.svelte
index b0809b52..f2fddb1a 100644
--- a/src/components/ColorChannelPicker.svelte
+++ b/src/components/ColorChannelPicker.svelte
@@ -1,6 +1,4 @@
 <script lang="ts">
-  import configStore from "../stores/config-store";
-
   import { Color, colorPickerConfig } from "../lib/Color";
   import ColorIO from "colorjs.io";
   export let color: Color;
diff --git a/src/components/KeyboardHooks.svelte b/src/components/KeyboardHooks.svelte
index 57d4ba2f..b69ada69 100644
--- a/src/components/KeyboardHooks.svelte
+++ b/src/components/KeyboardHooks.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
   import { Color, colorPickerConfig } from "../lib/Color";
+  import type { ColorWrap } from "../types";
   import colorStore from "../stores/color-store";
   import focusStore from "../stores/focus-store";
   $: focusedSet = new Set($focusStore.focusedColors);
-  $: copiedData = [] as Color[];
+  $: copiedData = [] as ColorWrap<Color>[];
   $: currentPal = $colorStore.palettes[$colorStore.currentPal];
   $: colorSpace = currentPal ? currentPal.colorSpace : "lab";
   $: config = colorPickerConfig[colorSpace];
@@ -73,30 +74,43 @@
         if (!focusSet.has(idx)) {
           return color;
         }
-        const channels = color.toChannels();
+        const channels = color.color.toChannels();
         const xVal = channels[config.xChannelIndex];
         const yVal = channels[config.yChannelIndex];
         const zVal = channels[config.zChannelIndex];
 
+        let newColor = color.color;
         if (!optionKey && key === "arrowdown") {
-          return color.setChannel(config.yChannel, yVal + verticalDir * step);
+          newColor = newColor.setChannel(
+            config.yChannel,
+            yVal + verticalDir * step
+          );
         }
         if (!optionKey && key === "arrowup") {
-          return color.setChannel(config.yChannel, yVal - verticalDir * step);
+          newColor = newColor.setChannel(
+            config.yChannel,
+            yVal - verticalDir * step
+          );
         }
         if (optionKey && key === "arrowdown") {
-          return color.setChannel(config.zChannel, zVal + zDir * step);
+          newColor = newColor.setChannel(config.zChannel, zVal + zDir * step);
         }
         if (optionKey && key === "arrowup") {
-          return color.setChannel(config.zChannel, zVal - zDir * step);
+          newColor = newColor.setChannel(config.zChannel, zVal - zDir * step);
         }
         if (key === "arrowleft") {
-          return color.setChannel(config.xChannel, xVal - horizontalDir * step);
+          newColor = newColor.setChannel(
+            config.xChannel,
+            xVal - horizontalDir * step
+          );
         }
         if (key === "arrowright") {
-          return color.setChannel(config.xChannel, xVal + horizontalDir * step);
+          newColor = newColor.setChannel(
+            config.xChannel,
+            xVal + horizontalDir * step
+          );
         }
-        return color;
+        return { ...color, color: newColor };
       });
 
       colorStore.setCurrentPalColors(newColors);
diff --git a/src/components/MiniPalPreview.svelte b/src/components/MiniPalPreview.svelte
index cfdb8e51..a996c0d8 100644
--- a/src/components/MiniPalPreview.svelte
+++ b/src/components/MiniPalPreview.svelte
@@ -12,7 +12,7 @@
     {#each pal.colors as color}
       <div
         class="h-6"
-        style="background-color: {color.toHex()}; width: {100 /
+        style="background-color: {color.color.toHex()}; width: {100 /
           pal.colors.length}%"
       ></div>
     {/each}
diff --git a/src/components/PalDiff.svelte b/src/components/PalDiff.svelte
index eee34bd3..5bddc162 100644
--- a/src/components/PalDiff.svelte
+++ b/src/components/PalDiff.svelte
@@ -12,7 +12,7 @@
   $: arrows = beforePal.colors.reduce(
     (acc, x, idx) => {
       const afterIdx = afterPal.colors.findIndex(
-        (y) => y.toHex() === x.toHex()
+        (y) => y.color.toHex() === x.color.toHex()
       );
       if (afterIdx === -1) return acc;
       acc.push({
@@ -56,7 +56,7 @@
       cx={idx * xStep + xMargin}
       cy={rowHeight / 2}
       r={radius}
-      fill={color.toHex()}
+      fill={color.color.toHex()}
     />
   {/each}
 
@@ -65,7 +65,7 @@
       cx={idx * xStep + xMargin}
       cy={rowHeight * 1.5}
       r={radius}
-      fill={color.toHex()}
+      fill={color.color.toHex()}
     />
   {/each}
   <text
diff --git a/src/components/PalPreview.svelte b/src/components/PalPreview.svelte
index 1fd89fec..2b28e4c0 100644
--- a/src/components/PalPreview.svelte
+++ b/src/components/PalPreview.svelte
@@ -4,10 +4,13 @@
   export let pal: Palette;
   export let allowModification: boolean = false;
   export let highlightSelected: boolean = false;
+  export let showTags: boolean = false;
 
   import { dealWithFocusEvent } from "../lib/utils";
 
   $: focusSet = new Set($focusStore.focusedColors);
+  $: bgLum = pal.background.luminance();
+  $: textColor = bgLum > 0.4 ? "#00000066" : "#ffffffaa";
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
@@ -18,25 +21,36 @@
   on:click={() => focusStore.clearColors()}
 >
   {#each pal.colors as color, idx}
-    {#if allowModification}
-      <button
-        on:click|stopPropagation|preventDefault={(e) =>
-          focusStore.setColors(
-            dealWithFocusEvent(e, idx, $focusStore.focusedColors)
-          )}
-        class={"w-6 h-6 mx-2 rounded-full transition-all"}
-        class:w-8={highlightSelected && focusSet.has(idx)}
-        class:h-8={highlightSelected && focusSet.has(idx)}
-        class:mb-5={highlightSelected && !focusSet.has(idx)}
-        style="background-color: {color.toDisplay()}"
-      ></button>
-    {:else}
-      <div
-        class={"w-6 h-6 mx-1 rounded-full transition-all"}
-        class:w-8={highlightSelected && focusSet.has(idx)}
-        class:h-8={highlightSelected && focusSet.has(idx)}
-        style="background-color: {color.toDisplay()}"
-      ></div>
-    {/if}
+    <div class="flex flex-col text-center relative items-center">
+      {#if allowModification}
+        <button
+          on:click|stopPropagation|preventDefault={(e) =>
+            focusStore.setColors(
+              dealWithFocusEvent(e, idx, $focusStore.focusedColors)
+            )}
+          class={"w-6 h-6 mx-2 rounded-full transition-all"}
+          class:w-8={highlightSelected && focusSet.has(idx)}
+          class:h-8={highlightSelected && focusSet.has(idx)}
+          style="background-color: {color.color.toDisplay()}"
+        ></button>
+      {:else}
+        <div
+          class={"w-6 h-6 mx-1 rounded-full transition-all"}
+          class:w-8={highlightSelected && focusSet.has(idx)}
+          class:h-8={highlightSelected && focusSet.has(idx)}
+          style="background-color: {color.color.toDisplay()}"
+        ></div>
+      {/if}
+      {#if showTags}
+        <div
+          class="flex flex-col text-center pointer-events-none"
+          style={`color: ${textColor}`}
+        >
+          {#each color.tags as tag}
+            <div class="text-xs">{tag}</div>
+          {/each}
+        </div>
+      {/if}
+    </div>
   {/each}
 </div>
diff --git a/src/content-modules/Browse.svelte b/src/content-modules/Browse.svelte
index 5b6e2f2b..172d5348 100644
--- a/src/content-modules/Browse.svelte
+++ b/src/content-modules/Browse.svelte
@@ -205,7 +205,9 @@
           <Tooltip>
             <div slot="content">
               <div class="font-bold">Colors</div>
-              <div>{pal.palette.colors.map((x) => x.toHex()).join(", ")}</div>
+              <div>
+                {pal.palette.colors.map((x) => x.color.toHex()).join(", ")}
+              </div>
               <div class="font-bold">Controls</div>
               <button
                 class={buttonStyle}
diff --git a/src/content-modules/ComparePal.svelte b/src/content-modules/ComparePal.svelte
index 17b7e845..654e2fac 100644
--- a/src/content-modules/ComparePal.svelte
+++ b/src/content-modules/ComparePal.svelte
@@ -84,7 +84,7 @@
         startDragging={() => {}}
         stopDragging={() => {}}
         blindColors={(showDiff
-          ? currentPal.colors.map((x) => x.toColorSpace(colorSpace))
+          ? currentPal.colors.map((x) => x.color.toColorSpace(colorSpace))
           : []
         ).slice(
           0,
diff --git a/src/content-modules/Controls.svelte b/src/content-modules/Controls.svelte
index 7614ef71..c2949e69 100644
--- a/src/content-modules/Controls.svelte
+++ b/src/content-modules/Controls.svelte
@@ -5,14 +5,15 @@
 
   import { Color } from "../lib/Color";
 
-  import AlignSelection from "../controls/AlignSelection.svelte";
-  import SuggestionModificationToSelection from "../controls/SuggestionModificationToSelection.svelte";
-  import InterpolatePoints from "../controls/InterpolatePoints.svelte";
-  import DistributePoints from "../controls/DistributePoints.svelte";
-  import AdjustColor from "../controls/AdjustColor.svelte";
   import AddColor from "../controls/AddColor.svelte";
+  import AdjustColor from "../controls/AdjustColor.svelte";
+  import AlignSelection from "../controls/AlignSelection.svelte";
   import ColorChannelPicker from "../components/ColorChannelPicker.svelte";
+  import ColorTagger from "../controls/ColorTagger.svelte";
+  import DistributePoints from "../controls/DistributePoints.svelte";
+  import InterpolatePoints from "../controls/InterpolatePoints.svelte";
   import Rotate from "../controls/Rotate.svelte";
+  import SuggestionModificationToSelection from "../controls/SuggestionModificationToSelection.svelte";
 
   $: currentPal = $colorStore.palettes[$colorStore.currentPal];
   $: colors = currentPal.colors;
@@ -28,18 +29,22 @@
     <div class="w-full border-t-2 border-black my-2"></div>
     <input
       class="w-full"
-      value={colors[focusedColors[0]].toHex()}
+      value={colors[focusedColors[0]].color.toHex()}
       on:change={(e) => {
         const updatedColors = [...colors];
-        updatedColors[focusedColors[0]] = Color.colorFromString(
+        const newColor = Color.colorFromString(
           e.currentTarget.value,
           colorSpace
         );
+        updatedColors[focusedColors[0]] = {
+          ...updatedColors[focusedColors[0]],
+          color: newColor,
+        };
         colorStore.setCurrentPalColors(updatedColors);
       }}
     />
     <ColorChannelPicker
-      color={colors[focusedColors[0]].toColorSpace(colorSpace)}
+      color={colors[focusedColors[0]].color.toColorSpace(colorSpace)}
       colorMode={$configStore.channelPickerSpace}
       onSpaceChange={(space) => {
         // @ts-ignore
@@ -47,10 +52,14 @@
       }}
       onColorChange={(color) => {
         const updatedColors = [...colors];
-        updatedColors[focusedColors[0]] = color.toColorSpace(colorSpace);
+        updatedColors[focusedColors[0]] = {
+          ...updatedColors[focusedColors[0]],
+          color: color.toColorSpace(colorSpace),
+        };
         colorStore.setCurrentPalColors(updatedColors);
       }}
     />
+    <ColorTagger />
   {/if}
 
   <DistributePoints />
diff --git a/src/content-modules/MainColumn.svelte b/src/content-modules/MainColumn.svelte
index a9792a16..ac20a0f2 100644
--- a/src/content-modules/MainColumn.svelte
+++ b/src/content-modules/MainColumn.svelte
@@ -14,7 +14,7 @@
   import Nav from "../components/Nav.svelte";
   import PalPreview from "../components/PalPreview.svelte";
   import SetColorSpace from "../controls/SetColorSpace.svelte";
-  import simulate_cvd from "../lib/blindness";
+  import simulate_cvd from "../lib/cvd-sim";
 
   import ContentEditable from "../components/ContentEditable.svelte";
 
@@ -65,7 +65,7 @@
     stopDragging={() => colorStore.resumePersistance()}
     blindColors={selectedBlindType === "none"
       ? []
-      : currentPal.colors.map((x) => simulate_cvd(selectedBlindType, x))}
+      : currentPal.colors.map((x) => simulate_cvd(selectedBlindType, x.color))}
   />
 
   <div class="flex flex-wrap">
@@ -83,9 +83,10 @@
   <div class="flex flex-col pl-2">
     <!-- overview / preview -->
     <PalPreview
+      allowModification={true}
       highlightSelected={true}
       pal={currentPal}
-      allowModification={true}
+      showTags={true}
     />
     <Nav
       tabs={["palette-config", "example"]}
diff --git a/src/controls/AddColor.svelte b/src/controls/AddColor.svelte
index 5a747f88..ff7514ca 100644
--- a/src/controls/AddColor.svelte
+++ b/src/controls/AddColor.svelte
@@ -5,7 +5,7 @@
   import { suggestAdditionsToPalette } from "../lib/api-calls";
   import ColorButton from "../components/ColorButton.svelte";
   import AutocompleteOrSearch from "../components/AutocompleteOrSearch.svelte";
-  import { webColors } from "../lib/utils";
+  import { webColors, wrapInBlankSemantics } from "../lib/utils";
 
   $: currentPal = $colorStore.palettes[$colorStore.currentPal];
   $: colors = currentPal.colors;
@@ -51,7 +51,9 @@
     <AutocompleteOrSearch
       setValue={(x) => {
         console.log("x", x);
-        const newColor = Color.colorFromString(x, colorSpace);
+        const newColor = wrapInBlankSemantics(
+          Color.colorFromString(x, colorSpace)
+        );
         const newColors = [...colors, newColor];
         colorStore.setCurrentPalColors(newColors);
       }}
@@ -77,7 +79,9 @@
         <ColorButton
           {color}
           clickColor={() => {
-            const newColor = Color.colorFromString(color, colorSpace);
+            const newColor = wrapInBlankSemantics(
+              Color.colorFromString(color, colorSpace)
+            );
             const newColors = [...colors, newColor];
             colorStore.setCurrentPalColors(newColors);
             interpretations = interpretations.filter((x) => x !== color);
diff --git a/src/controls/AdjustColor.svelte b/src/controls/AdjustColor.svelte
index 6ab702de..859900cc 100644
--- a/src/controls/AdjustColor.svelte
+++ b/src/controls/AdjustColor.svelte
@@ -15,8 +15,11 @@
   function actionOnColor(focusedColors: number[], action: ColorEffect) {
     const newColors = [...colors];
     focusedColors.forEach((idx) => {
-      const channels = action(colors[idx]);
-      newColors[idx] = Color.colorFromChannels(channels, colorSpace);
+      const channels = action(colors[idx].color);
+      newColors[idx] = {
+        ...colors[idx],
+        color: Color.colorFromChannels(channels, colorSpace),
+      };
     });
     colorStore.setCurrentPalColors(newColors);
   }
diff --git a/src/controls/AlignSelection.svelte b/src/controls/AlignSelection.svelte
index d802d67f..7dc688c9 100644
--- a/src/controls/AlignSelection.svelte
+++ b/src/controls/AlignSelection.svelte
@@ -60,12 +60,12 @@
         on:click={() => {
           const newCoordinate = op(
             ...colors
-              .map((x) => x.toChannels())
+              .map((x) => x.color.toChannels())
               .filter((_, idx) => focusSet.has(idx))
               .map((x) => x[pos])
           );
           const newColors = colors
-            .map((x) => x.toChannels())
+            .map((x) => x.color.toChannels())
             .map((x, idx) => {
               let y = x;
               if (focusSet.has(idx)) {
@@ -73,7 +73,10 @@
               }
               return y;
             })
-            .map((x) => Color.colorFromChannels(x, colorSpace));
+            .map((x, idx) => ({
+              ...colors[idx],
+              color: Color.colorFromChannels(x, colorSpace),
+            }));
 
           colorStore.setCurrentPalColors(newColors);
         }}
diff --git a/src/controls/ColorTagger.svelte b/src/controls/ColorTagger.svelte
new file mode 100644
index 00000000..8591fcf8
--- /dev/null
+++ b/src/controls/ColorTagger.svelte
@@ -0,0 +1,73 @@
+<script lang="ts">
+  import focusStore from "../stores/focus-store";
+  import colorStore from "../stores/color-store";
+  import Tooltip from "../components/Tooltip.svelte";
+
+  import { buttonStyle } from "../lib/styles";
+
+  $: currentPalette = $colorStore.palettes[$colorStore.currentPal];
+  // guaranteed to be a single value by usage context
+  $: focusedColorIdx = $focusStore.focusedColors[0];
+  $: currentColor = currentPalette.colors[focusedColorIdx];
+
+  function updateTags(updatedTags: string[]) {
+    const updatedColors = [...currentPalette.colors];
+    updatedColors[focusedColorIdx] = { ...currentColor, tags: updatedTags };
+    colorStore.setCurrentPalColors(updatedColors);
+  }
+  let tagInput = "";
+  $: commonTags = ["text", "axis"].filter(
+    (x) =>
+      !currentColor.tags.map((x) => x.toLowerCase()).includes(x.toLowerCase())
+  );
+</script>
+
+<div class="font-bold">Tags</div>
+
+<div class="flex">
+  {#each currentColor.tags as tag}
+    <div>
+      <div class={buttonStyle}>
+        {tag}
+        <button
+          on:click={() => {
+            updateTags(currentColor.tags.filter((x) => x !== tag));
+          }}
+        >
+          ✕
+        </button>
+      </div>
+    </div>
+  {/each}
+  <Tooltip>
+    <div slot="content" class="max-w-md">
+      <div class="font-bold">Color Tags</div>
+      <div class="italic text-sm">
+        These to mark properties like color, brand, and so on. {#if commonTags.length}
+          Here are some common ones that are have specific effects in the app.{/if}
+      </div>
+      {#each commonTags as tag}
+        <button
+          class={buttonStyle}
+          on:click={() => updateTags([...currentColor.tags, tag])}
+        >
+          {tag}
+        </button>
+      {/each}
+
+      <div class="font-bold">Custom</div>
+
+      <form
+        on:submit|preventDefault|stopPropagation={() => {
+          updateTags([...currentColor.tags, tagInput]);
+          tagInput = "";
+        }}
+      >
+        <input type="text" placeholder="Add tag" bind:value={tagInput} />
+      </form>
+    </div>
+    <button class={buttonStyle} slot="target" let:toggle on:click={toggle}>
+      Add Tag
+    </button>
+  </Tooltip>
+</div>
diff --git a/src/controls/Config.svelte b/src/controls/Config.svelte
index acd6884d..fc105779 100644
--- a/src/controls/Config.svelte
+++ b/src/controls/Config.svelte
@@ -53,6 +53,11 @@
                 colors: colors.map((c: string) =>
                   Color.colorFromString(c, colorSpace)
                 ),
+                colorSemantics: colors.map(() => ({
+                  size: undefined,
+                  markType: undefined,
+                  tags: [],
+                })),
                 evalConfig: {},
                 name,
                 type,
@@ -83,7 +88,7 @@
             return {
               background: background.toHex(),
               colorSpace,
-              colors: colors.map((c) => c.toHex()),
+              colors: colors.map((c) => c.color.toHex()),
               name,
               type,
             };
diff --git a/src/controls/DistributePoints.svelte b/src/controls/DistributePoints.svelte
index 47a5bda9..b17a1de6 100644
--- a/src/controls/DistributePoints.svelte
+++ b/src/controls/DistributePoints.svelte
@@ -19,20 +19,20 @@
     let sortedIndexes = focusedColors.sort((a, b) => {
       const modeToIdx = { horizontal: 1, vertical: 2, "in z space": 0 };
       const idx = modeToIdx[dir.direction] || 0;
-      const pointA = colors[a].toChannels()[idx];
-      const pointB = colors[b].toChannels()[idx];
+      const pointA = colors[a].color.toChannels()[idx];
+      const pointB = colors[b].color.toChannels()[idx];
       return pointA - pointB;
     });
     type Channels = [number, number, number];
-    const minPoint = colors[sortedIndexes[0]].toChannels() as Channels;
+    const minPoint = colors[sortedIndexes[0]].color.toChannels() as Channels;
     const maxPoint = colors[
       sortedIndexes[sortedIndexes.length - 1]
-    ].toChannels() as Channels;
+    ].color.toChannels() as Channels;
 
     const numPoints = sortedIndexes.length - 1;
     let newPoints = sortedIndexes.map((colorIdx, arrIdx) => {
       const t = arrIdx / numPoints;
-      const newPoint = colors.at(colorIdx)!.toChannels() as Channels;
+      const newPoint = colors.at(colorIdx)!.color.toChannels() as Channels;
       const xIdx = config.xChannelIndex;
       const yIdx = config.yChannelIndex;
       const zIdx = config.zChannelIndex;
@@ -51,7 +51,9 @@
 
     const newColors = [...colors].map((color, idx) => {
       const point = pointsByIndex[idx];
-      return point ? Color.colorFromChannels(point, colorSpace) : color;
+      return point
+        ? { ...color, color: Color.colorFromChannels(point, colorSpace) }
+        : color;
     });
 
     colorStore.setCurrentPalColors(newColors);
diff --git a/src/controls/GetColorsFromString.svelte b/src/controls/GetColorsFromString.svelte
index 016fa766..135cda3b 100644
--- a/src/controls/GetColorsFromString.svelte
+++ b/src/controls/GetColorsFromString.svelte
@@ -1,10 +1,12 @@
 <script lang="ts">
   import { Color } from "../lib/Color";
+  import type { ColorWrap } from "../types";
   import configStore from "../stores/config-store";
+  import { wrapInBlankSemantics } from "../lib/utils";
   import Sort from "./Sort.svelte";
   let state: "idle" | "error" = "idle";
-  export let onChange: (colors: Color[]) => void;
-  export let colors: Color[];
+  export let onChange: (colors: ColorWrap<Color>[]) => void;
+  export let colors: ColorWrap<Color>[];
   export let colorSpace: string;
   export let allowSort: boolean;
 
@@ -14,7 +16,14 @@
         .split(",")
         .map((x) => x.replace(/"/g, "").trim())
         .filter((x) => x.length > 0)
-        .map((x) => Color.colorFromString(x, colorSpace as any));
+        .map((x) => Color.colorFromString(x, colorSpace as any))
+        .map((x, idx) => {
+          if (colors[idx]) {
+            return { ...colors[idx], color: x };
+          } else {
+            return wrapInBlankSemantics(x);
+          }
+        });
       onChange(newColors);
       state = "idle";
     } catch (e) {
@@ -51,7 +60,7 @@
     class="w-full p-2 rounded border-2"
     style="min-height: {2 * Math.ceil(colors.length / 3)}em;"
     value={colors
-      .map((color) => color.toHex())
+      .map((color) => color.color.toHex())
       .map((x) => (includeQuotes ? `"${x}"` : x))
       .join(", ")}
     on:keydown={(e) => {
diff --git a/src/controls/InterpolatePoints.svelte b/src/controls/InterpolatePoints.svelte
index 4571a352..252284b7 100644
--- a/src/controls/InterpolatePoints.svelte
+++ b/src/controls/InterpolatePoints.svelte
@@ -1,10 +1,12 @@
 <script lang="ts">
+  import type { ColorWrap } from "../types";
   import { Color } from "../lib/Color";
   import type { Palette } from "../types";
   import colorStore from "../stores/color-store";
   import focusStore from "../stores/focus-store";
   import { buttonStyle } from "../lib/styles";
   import PalPreview from "../components/PalPreview.svelte";
+  import { wrapInBlankSemantics } from "../lib/utils";
 
   $: currentPal = $colorStore.palettes[$colorStore.currentPal];
   $: focusedColors = $focusStore.focusedColors;
@@ -41,12 +43,12 @@
 
     return points;
   }
-  function createInterpolation(): Color[] {
+  function createInterpolation(): ColorWrap<Color>[] {
     const newColors = [];
     const seenHexes = new Set<string>([]);
     const deDuppedFocusedColors = focusedColors
-      .map((x) => [x, colors[x].toHex()] as [number, string])
-      .filter(([idx, hexColor]) => {
+      .map((x) => [x, colors[x].color.toHex()] as [number, string])
+      .filter(([_idx, hexColor]) => {
         if (seenHexes.has(hexColor)) {
           return false;
         }
@@ -57,7 +59,10 @@
     for (let idx = 0; idx < deDuppedFocusedColors.length - 1; idx++) {
       const pointA = colors[deDuppedFocusedColors[idx]];
       const pointB = colors[deDuppedFocusedColors[idx + 1]];
-      const newPoints = createInterpolatedPoints(pointA, pointB);
+      const newPoints = createInterpolatedPoints(
+        pointA.color,
+        pointB.color
+      ).map((x) => wrapInBlankSemantics(x));
       newColors.push(pointA, ...newPoints);
     }
     newColors.push(
diff --git a/src/controls/NewPal.svelte b/src/controls/NewPal.svelte
index 6bb44c39..9bd65622 100644
--- a/src/controls/NewPal.svelte
+++ b/src/controls/NewPal.svelte
@@ -6,7 +6,11 @@
   import focusStore from "../stores/focus-store";
   import Tooltip from "../components/Tooltip.svelte";
   import { buttonStyle, denseButtonStyle } from "../lib/styles";
-  import { newGenericPal, createPalFromHexes } from "../lib/utils";
+  import {
+    newGenericPal,
+    createPalFromHexes,
+    wrapInBlankSemantics,
+  } from "../lib/utils";
   import SuggestColorPal from "./SuggestColorPal.svelte";
 
   import MiniPalPreview from "../components/MiniPalPreview.svelte";
@@ -20,11 +24,13 @@
   );
 
   function newPal(newPal: StringPalette) {
+    const colors = newPal.colors.map((x) => {
+      const color = Color.colorFromString(x.color, colorSpace);
+      return wrapInBlankSemantics(color);
+    });
     const pal = {
       ...newPal,
-      colors: newPal.colors.map((x: string) =>
-        Color.colorFromString(x, colorSpace)
-      ),
+      colors,
       background: Color.colorFromString(newPal.background, colorSpace),
       colorSpace,
     } as Palette;
diff --git a/src/controls/Rotate.svelte b/src/controls/Rotate.svelte
index f6d27a46..d5825e86 100644
--- a/src/controls/Rotate.svelte
+++ b/src/controls/Rotate.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
+  import type { ColorWrap } from "../types";
   import { Color, colorPickerConfig } from "../lib/Color";
   import colorStore from "../stores/color-store";
   import focusStore from "../stores/focus-store";
-  import { avgColors } from "../lib/utils";
 
   $: focusedColors = $focusStore.focusedColors;
   $: currentPal = $colorStore.palettes[$colorStore.currentPal];
@@ -14,7 +14,7 @@
   $: angle = 0;
 
   $: angle, colorSpace, rotatePoints();
-  $: memorizedColors = false as false | Color[];
+  $: memorizedColors = false as false | ColorWrap<Color>[];
 
   function rotatePoints() {
     if (focusedColors.length === 0) {
@@ -36,7 +36,7 @@
       focusedColors
         .map((x) => localColors[x])
         .map((localColor) => {
-          const color = Color.toColorSpace(localColor, colorSpace);
+          const color = Color.toColorSpace(localColor.color, colorSpace);
           const channels = color.toChannels();
           //   https://math.stackexchange.com/questions/4354438/how-to-rotate-a-point-on-a-cartesian-plane-around-something-other-than-the-origi
 
@@ -88,7 +88,9 @@
         .map((x, y) => [y, x])
     );
     const newColors = localColors.map((x, idx) =>
-      focusedColors.includes(idx) ? rotated[focusedColors.indexOf(idx)] : x
+      focusedColors.includes(idx)
+        ? { ...x, color: rotated[focusedColors.indexOf(idx)] }
+        : x
     );
     colorStore.setCurrentPalColors(newColors);
   }
diff --git a/src/controls/Sort.svelte b/src/controls/Sort.svelte
index 5b3da5b2..0735da89 100644
--- a/src/controls/Sort.svelte
+++ b/src/controls/Sort.svelte
@@ -10,8 +10,8 @@
 
   function sortByChannel(colorSpace: string, channel: number) {
     const newSort = [...colors].sort((a, b) => {
-      const aVal = a.toColorIO().to(colorSpace).coords[channel];
-      const bVal = b.toColorIO().to(colorSpace).coords[channel];
+      const aVal = a.color.toColorIO().to(colorSpace).coords[channel];
+      const bVal = b.color.toColorIO().to(colorSpace).coords[channel];
       return aVal - bVal;
     });
     colorStore.setSort(newSort);
diff --git a/src/controls/SuggestColorPal.svelte b/src/controls/SuggestColorPal.svelte
index df473c67..b20fe309 100644
--- a/src/controls/SuggestColorPal.svelte
+++ b/src/controls/SuggestColorPal.svelte
@@ -6,6 +6,7 @@
   import type { Palette } from "../types";
   import PalPreview from "../components/PalPreview.svelte";
   import { buttonStyle } from "../lib/styles";
+  import { wrapInBlankSemantics } from "../lib/utils";
 
   $: currentPal = $colorStore.palettes[$colorStore.currentPal];
   $: colorSpace = currentPal ? currentPal.colorSpace : "lab";
@@ -19,7 +20,7 @@
   }): Palette {
     return {
       colors: suggestion.colors.map((x) =>
-        Color.colorFromString(x, colorSpace as any)
+        wrapInBlankSemantics(Color.colorFromString(x, colorSpace as any))
       ),
       background: Color.colorFromString(
         suggestion.background,
diff --git a/src/controls/SuggestionModificationToSelection.svelte b/src/controls/SuggestionModificationToSelection.svelte
index 7ea81347..6ed32095 100644
--- a/src/controls/SuggestionModificationToSelection.svelte
+++ b/src/controls/SuggestionModificationToSelection.svelte
@@ -6,14 +6,14 @@
   import { suggestContextualAdjustments } from "../lib/api-calls";
   import { buttonStyle } from "../lib/styles";
   import PalDiff from "../components/PalDiff.svelte";
-  import { toPal } from "../lib/utils";
+  import { toPal, wrapInBlankSemantics } from "../lib/utils";
 
   let requestState: "idle" | "loading" | "loaded" | "failed" = "idle";
   $: currentPal = $colorStore.palettes[$colorStore.currentPal];
   $: colorSpace = currentPal ? currentPal.colorSpace : "lab";
   $: colors = currentPal.colors;
   $: selectedColors = $focusStore.focusedColors
-    .map((x) => colors[x]?.toHex())
+    .map((x) => colors[x]?.color.toHex())
     .filter((x) => x !== undefined) as string[];
   let suggestedColorSets: string[][] = [];
   let palPrompt: string = "";
@@ -24,7 +24,7 @@
       ? {
           ...currentPal,
           colors: selectedColors.map((x) =>
-            Color.colorFromString(x, colorSpace)
+            wrapInBlankSemantics(Color.colorFromString(x, colorSpace))
           ),
         }
       : currentPal;
@@ -58,20 +58,25 @@
     if (selectedColors.length) {
       let usedSuggestions = new Set<number>([]);
       newColors = colors.map((x, jdx) => {
-        const idx = selectedColors.indexOf(x.toHex());
+        const idx = selectedColors.indexOf(x.color.toHex());
         if (idx === -1) return x;
         usedSuggestions.add(idx);
-        return Color.colorFromString(suggestedColors[idx], colorSpace);
+        return {
+          ...x,
+          color: Color.colorFromString(suggestedColors[idx], colorSpace),
+        };
       });
       const unusedSuggestions = suggestedColors.filter(
         (_, idx) => !usedSuggestions.has(idx)
       );
       newColors = newColors.concat(
-        unusedSuggestions.map((x) => Color.colorFromString(x, colorSpace))
+        unusedSuggestions.map((x) =>
+          wrapInBlankSemantics(Color.colorFromString(x, colorSpace))
+        )
       );
     } else {
       newColors = suggestedColors.map((x) =>
-        Color.colorFromString(x, colorSpace)
+        wrapInBlankSemantics(Color.colorFromString(x, colorSpace))
       );
     }
     colorStore.setCurrentPalColors(newColors);
diff --git a/src/example/Example.svelte b/src/example/Example.svelte
index 5bdf145d..9f3358d9 100644
--- a/src/example/Example.svelte
+++ b/src/example/Example.svelte
@@ -5,7 +5,7 @@
   import { Color } from "../lib/Color";
   import focusStore from "../stores/focus-store";
   import { idxToKey } from "../lib/charts";
-  import simulate_cvd from "../lib/blindness";
+  import simulate_cvd from "../lib/cvd-sim";
   export let example: string;
   export let size = 300;
   export let paletteIdx: number;
@@ -50,7 +50,10 @@
       $configStore.colorSim !== "none" &&
       $configStore.useSimulatorOnExamples
     ) {
-      colors = colors.map((x) => simulate_cvd($configStore.colorSim, x));
+      colors = colors.map((x) => ({
+        ...x,
+        color: simulate_cvd($configStore.colorSim, x.color),
+      }));
     } else {
       colors = currentPal.colors;
     }
@@ -63,7 +66,9 @@
     const color = Color.colorFromString(computedFill, "lab")
       .toHex()
       .toLowerCase();
-    const colorIdx = colors.findIndex((x) => x.toHex().toLowerCase() === color);
+    const colorIdx = colors.findIndex(
+      (x) => x.color.toHex().toLowerCase() === color
+    );
     if (colorIdx > -1) {
       focusedColor = colorIdx;
       focusStore.setColors([colorIdx]);
@@ -92,7 +97,7 @@
   }
   let container: HTMLDivElement;
   $: color = focusedColor !== false && colors[focusedColor];
-  $: mappedColors = colors.map((x) => x.toHex());
+  $: mappedColors = colors.map((x) => x.color.toHex());
 </script>
 
 <div class="relative">
diff --git a/src/example/Swatches.svelte b/src/example/Swatches.svelte
index f489f718..866e785d 100644
--- a/src/example/Swatches.svelte
+++ b/src/example/Swatches.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
+  import type { ColorWrap } from "../types";
   import { Color } from "../lib/Color";
   import colorStore from "../stores/color-store";
   import focusStore from "../stores/focus-store";
   import configStore from "../stores/config-store";
-  import simulate_cvd from "../lib/blindness";
+  import simulate_cvd from "../lib/cvd-sim";
 
   import { dealWithFocusEvent } from "../lib/utils";
 
@@ -19,7 +20,10 @@
       $configStore.colorSim !== "none" &&
       $configStore.useSimulatorOnExamples
     ) {
-      colors = colors.map((x) => simulate_cvd($configStore.colorSim, x));
+      colors = colors.map((x) => ({
+        ...x,
+        color: simulate_cvd($configStore.colorSim, x.color),
+      }));
     } else {
       colors = currentPal?.colors || [];
     }
@@ -32,23 +36,27 @@
   let classes = [
     {
       className: `${common} big-swatch `,
-      styleMap: (color: Color): string => `background-color: ${color.toHex()};`,
+      styleMap: (color): string => `background-color: ${color.color.toHex()};`,
       selectionClass: "rotate-12",
     },
     {
       className: `${common} small-swatch`,
-      styleMap: (color: Color): string => `background-color: ${color.toHex()};`,
+      styleMap: (color): string => `background-color: ${color.color.toHex()};`,
       selectionClass: "rotate-12",
     },
     {
       className: `${common} small-swatch rounded-full`,
-      styleMap: (color: Color): string => `border: 2px solid ${color.toHex()};`,
+      styleMap: (color): string => `border: 2px solid ${color.color.toHex()};`,
       selectionClass: "relative top-1 left-1",
     },
-  ];
+  ] as {
+    className: string;
+    styleMap: (c: ColorWrap<Color>) => string;
+    selectionClass: string;
+  }[];
 
   $: colorsInGroupsOf3 = colors.reduce(
-    (acc: number[][], x: Color, i: number) => {
+    (acc: number[][], x: ColorWrap<Color>, i: number) => {
       const idx = Math.floor(i / 3);
       if (!acc[idx]) {
         acc[idx] = [];
@@ -79,7 +87,7 @@
     <div class="flex flex-col">
       {#each colors as color, i}
         <button
-          style={`background-color: ${color.toHex()};`}
+          style={`background-color: ${color.color.toHex()};`}
           class="wide-bar transition-all"
           class:ml-5={focusSet.has(i)}
           class:mr-5={!focusSet.has(i)}
@@ -123,7 +131,7 @@
       <div class="flex flex-wrap justify-center w-full">
         {#each colors as color, i}
           <button
-            style={`color: ${color.toHex()}; transform: rotate(${
+            style={`color: ${color.color.toHex()}; transform: rotate(${
               focusSet.has(i) ? 10 : 0
             }deg)`}
             class="mr-2 w-16"
@@ -134,7 +142,7 @@
                 );
             }}
           >
-            {color.toHex()}
+            {color.color.toHex()}
           </button>
         {/each}
       </div>
diff --git a/src/lib/ColorLint.test.ts b/src/lib/ColorLint.test.ts
index adaef23d..88f1da39 100644
--- a/src/lib/ColorLint.test.ts
+++ b/src/lib/ColorLint.test.ts
@@ -13,8 +13,9 @@ import type { CustomLint } from "./CustomLint";
 import AvoidExtremes from "./lints/avoid-extremes";
 import BackgroundContrast from "./lints/background-contrast";
 import CatOrderSimilarity from "./lints/cat-order-similarity";
-import ColorBlindness from "./lints/color-blindness";
+import CVDCheck from "./lints/cvd-check";
 import ColorNameDiscriminability, { getName } from "./lints/name-discrim";
+import ColorTags from "./lints/color-tags";
 import EvenDistribution from "./lints/even-distribution";
 import Fair from "./lints/fair";
 import Gamut from "./lints/in-gamut";
@@ -92,10 +93,10 @@ test("ColorLint - ColorNameDiscriminability", async () => {
   );
   const fix = await suggestLintFix(examplePal, exampleLint);
   const oldColorNames = unique<string>(
-    examplePal.colors.map((x) => getName(x))
+    examplePal.colors.map((x) => getName(x.color))
   );
   expect(oldColorNames.length).toBe(1);
-  const colorNames = unique<string>(fix[0].colors.map((x) => getName(x)));
+  const colorNames = unique<string>(fix[0].colors.map((x) => getName(x.color)));
   expect(colorNames.length).toBe(2);
 });
 
@@ -120,22 +121,22 @@ test("ColorLint - Gamut", async () => {
   expect(exampleLint.message).toMatchSnapshot();
 
   const fix = await suggestLintFix(examplePal, exampleLint);
-  expect(fix[0].colors.map((x) => x.toString())).toStrictEqual([
+  expect(fix[0].colors.map((x) => x.color.toString())).toStrictEqual([
     "lab(48.319% -27.81 -14.373)",
   ]);
 });
 
-test("ColorLint - ColorBlind: Deuteranopia", async () => {
-  autoTest(ColorBlindness[0]);
+test("ColorLint - CVD: Deuteranopia", async () => {
+  autoTest(CVDCheck[0]);
 });
-test("ColorLint - ColorBlind: Protanopia", async () => {
-  autoTest(ColorBlindness[1]);
+test("ColorLint - CVD: Protanopia", async () => {
+  autoTest(CVDCheck[1]);
 });
-test("ColorLint - ColorBlind: Tritanopia", async () => {
-  autoTest(ColorBlindness[2]);
+test("ColorLint - CVD: Tritanopia", async () => {
+  autoTest(CVDCheck[2]);
 });
-test("ColorLint - ColorBlind: Grayscale", async () => {
-  autoTest(ColorBlindness[3]);
+test("ColorLint - CVD: Grayscale", async () => {
+  autoTest(CVDCheck[3]);
 });
 
 const ughWhat = ["#00ffff", "#00faff", "#00e4ff", "#fdfdfc", "#00ffff"];
@@ -148,7 +149,7 @@ test("ColorLint - Background Contrast", async () => {
     "These colors (#fdfdfc) do not have a sufficient contrast ratio with the background and may be hard to discriminate in some contexts."
   );
   const fix = await suggestLintFix(examplePal, exampleLint).then((x) => x[0]);
-  expect(fix.colors.map((x) => x.toHex())).toMatchSnapshot();
+  expect(fix.colors.map((x) => x.color.toHex())).toMatchSnapshot();
 
   examplePal.background = Color.colorFromHex("#00e4ff", "lab");
   const exampleLint2 = new BackgroundContrastLint(examplePal).run();
@@ -157,7 +158,7 @@ test("ColorLint - Background Contrast", async () => {
     "These colors (#00e4ff) do not have a sufficient contrast ratio with the background and may be hard to discriminate in some contexts."
   );
   const fix2 = await suggestLintFix(examplePal, exampleLint2).then((x) => x[0]);
-  expect(fix2.colors.map((x) => x.toHex())).toMatchSnapshot();
+  expect(fix2.colors.map((x) => x.color.toHex())).toMatchSnapshot();
   autoTest(BackgroundContrast);
 });
 
@@ -176,3 +177,11 @@ test("ColorLint - MuthGuidelines (3) Prefer yellowish or blueish greens", () =>
 test("ColorLint - MuthGuidelines (4) Avoid too much contrast with the background", () => {
   autoTest(MuthGuidelines[3]);
 });
+
+test("ColorLnt - ColorTags (1) Whisper don't scream", () => {
+  autoTest(ColorTags[0]);
+});
+
+test("ColorLnt - ColorTags (2) Blue should be high probability for the basic color term blue", () => {
+  autoTest(ColorTags[1]);
+});
diff --git a/src/lib/ColorLint.ts b/src/lib/ColorLint.ts
index 1aa4d52b..8e02daed 100644
--- a/src/lib/ColorLint.ts
+++ b/src/lib/ColorLint.ts
@@ -32,6 +32,7 @@ export class ColorLint<CheckData, ParamType> {
   naturalLanguageProgram: string = "";
   level: LintLevel = "error";
   subscribedFix: string = "none";
+  program: string = "";
 
   constructor(Palette: Palette) {
     this.palette = Palette;
diff --git a/src/lib/CustomLint.ts b/src/lib/CustomLint.ts
index 318378c5..8ad3105c 100644
--- a/src/lib/CustomLint.ts
+++ b/src/lib/CustomLint.ts
@@ -41,6 +41,7 @@ export function CreateCustomLint(props: CustomLint) {
     blameMode = props.blameMode;
     subscribedFix = props.subscribedFix || "none";
     naturalLanguageProgram = natProg;
+    program = props.program;
 
     _runCheck(options: any) {
       const prog = Json.parse(props.program);
@@ -62,12 +63,12 @@ export function CreateCustomLint(props: CustomLint) {
       if (this.blameMode === "pair") {
         blame = (this.checkData as number[][])
           .map((x) =>
-            x.map((x) => this.palette.colors[x].toHex()).join(" and ")
+            x.map((x) => this.palette.colors[x].color.toHex()).join(" and ")
           )
           .join(", ");
       } else {
         blame = (this.checkData as number[])
-          .map((x) => this.palette.colors[x].toHex())
+          .map((x) => this.palette.colors[x].color.toHex())
           .join(", ");
       }
 
diff --git a/src/lib/LintDocs.test.ts b/src/lib/LintDocs.test.ts
index b560f173..0ef253f6 100644
--- a/src/lib/LintDocs.test.ts
+++ b/src/lib/LintDocs.test.ts
@@ -15,9 +15,13 @@ const testCaseToText = (
   }
   const testMsgs = tests
     .map(
-      (x: any) =>
+      (x) =>
         `- ${x.colors
-          .map((y: any) => y.toHex())
+          .map((y) => {
+            const hex = y.color.toHex();
+            const tags = y.tags.length ? ` (${y.tags.join(", ")})` : "";
+            return `${hex}${tags}`;
+          })
           .join(", ")} with a ${x.background.toHex()} background`
     )
     .join("\n\n");
diff --git a/src/lib/__snapshots__/ColorLint.test.ts.snap b/src/lib/__snapshots__/ColorLint.test.ts.snap
index 7f918c79..75d45646 100644
--- a/src/lib/__snapshots__/ColorLint.test.ts.snap
+++ b/src/lib/__snapshots__/ColorLint.test.ts.snap
@@ -28,25 +28,25 @@ exports[`ColorLint - Background Contrast 3`] = `"These colors () do not have a s
 
 exports[`ColorLint - Background Contrast 4`] = `"These colors (#fdfdfc) do not have a sufficient contrast ratio with the background and may be hard to discriminate in some contexts."`;
 
-exports[`ColorLint - CatOrderSimilarity 1`] = `"Some sequences of colors are too similar based on dE scores: . Try reordering them or making them more distinguishable"`;
+exports[`ColorLint - CVD: Deuteranopia 1`] = `"This palette is not colorblind friendly for deuteranopia color blindness (ie can't see green). The following pairs are undifferentiable: ()"`;
 
-exports[`ColorLint - CatOrderSimilarity 2`] = `"Some sequences of colors are too similar based on dE scores: #009de5 and #5fb1ff. Try reordering them or making them more distinguishable"`;
+exports[`ColorLint - CVD: Deuteranopia 2`] = `"This palette is not colorblind friendly for deuteranopia color blindness (ie can't see green). The following pairs are undifferentiable: (#0078b4 and #8c69bc, #ff7e0e and #c4bc27, #3d9f2f and #da2827, #e179c1 and #00becf)"`;
 
-exports[`ColorLint - ColorBlind: Deuteranopia 1`] = `"This palette is not colorblind friendly for deuteranopia color blindness (ie can't see green). The following pairs are undifferentiable: ()"`;
+exports[`ColorLint - CVD: Grayscale 1`] = `"This palette may not work in black and white. The following pairs are hard to tell the difference between: ()"`;
 
-exports[`ColorLint - ColorBlind: Deuteranopia 2`] = `"This palette is not colorblind friendly for deuteranopia color blindness (ie can't see green). The following pairs are undifferentiable: (#0078b4 and #8c69bc, #ff7e0e and #c4bc27, #3d9f2f and #da2827, #e179c1 and #00becf)"`;
+exports[`ColorLint - CVD: Grayscale 2`] = `"This palette may not work in black and white. The following pairs are hard to tell the difference between: (#0078b4 and #da2827, #0078b4 and #8c69bc, #0078b4 and #8e564b, #0078b4 and #7f7f7f, #ff7e0e and #3d9f2f, #ff7e0e and #e179c1, #ff7e0e and #c4bc27, #ff7e0e and #00becf, #3d9f2f and #8c69bc, #3d9f2f and #e179c1, #3d9f2f and #7f7f7f, #da2827 and #8c69bc, #da2827 and #8e564b, #da2827 and #7f7f7f, #8c69bc and #8e564b, #8c69bc and #7f7f7f, #e179c1 and #c4bc27, #e179c1 and #00becf, #c4bc27 and #00becf)"`;
 
-exports[`ColorLint - ColorBlind: Grayscale 1`] = `"This palette may not work in black and white. The following pairs are hard to tell the difference between: ()"`;
+exports[`ColorLint - CVD: Protanopia 1`] = `"This palette is not colorblind friendly for protanopia color blindness (ie can't see red). The following pairs are undifferentiable: ()"`;
 
-exports[`ColorLint - ColorBlind: Grayscale 2`] = `"This palette may not work in black and white. The following pairs are hard to tell the difference between: (#0078b4 and #da2827, #0078b4 and #8c69bc, #0078b4 and #8e564b, #0078b4 and #7f7f7f, #ff7e0e and #3d9f2f, #ff7e0e and #e179c1, #ff7e0e and #c4bc27, #ff7e0e and #00becf, #3d9f2f and #8c69bc, #3d9f2f and #e179c1, #3d9f2f and #7f7f7f, #da2827 and #8c69bc, #da2827 and #8e564b, #da2827 and #7f7f7f, #8c69bc and #8e564b, #8c69bc and #7f7f7f, #e179c1 and #c4bc27, #e179c1 and #00becf, #c4bc27 and #00becf)"`;
+exports[`ColorLint - CVD: Protanopia 2`] = `"This palette is not colorblind friendly for protanopia color blindness (ie can't see red). The following pairs are undifferentiable: (#0078b4 and #8c69bc, #ff7e0e and #3d9f2f, #da2827 and #8e564b)"`;
 
-exports[`ColorLint - ColorBlind: Protanopia 1`] = `"This palette is not colorblind friendly for protanopia color blindness (ie can't see red). The following pairs are undifferentiable: ()"`;
+exports[`ColorLint - CVD: Tritanopia 1`] = `"This palette is not colorblind friendly for tritanopia color blindness (ie can't see blue). The following pairs are undifferentiable: ()"`;
 
-exports[`ColorLint - ColorBlind: Protanopia 2`] = `"This palette is not colorblind friendly for protanopia color blindness (ie can't see red). The following pairs are undifferentiable: (#0078b4 and #8c69bc, #ff7e0e and #3d9f2f, #da2827 and #8e564b)"`;
+exports[`ColorLint - CVD: Tritanopia 2`] = `"This palette is not colorblind friendly for tritanopia color blindness (ie can't see blue). The following pairs are undifferentiable: (#ff7e0e and #e179c1, #8c69bc and #7f7f7f)"`;
 
-exports[`ColorLint - ColorBlind: Tritanopia 1`] = `"This palette is not colorblind friendly for tritanopia color blindness (ie can't see blue). The following pairs are undifferentiable: ()"`;
+exports[`ColorLint - CatOrderSimilarity 1`] = `"Some sequences of colors are too similar based on dE scores: . Try reordering them or making them more distinguishable"`;
 
-exports[`ColorLint - ColorBlind: Tritanopia 2`] = `"This palette is not colorblind friendly for tritanopia color blindness (ie can't see blue). The following pairs are undifferentiable: (#ff7e0e and #e179c1, #8c69bc and #7f7f7f)"`;
+exports[`ColorLint - CatOrderSimilarity 2`] = `"Some sequences of colors are too similar based on dE scores: #009de5 and #5fb1ff. Try reordering them or making them more distinguishable"`;
 
 exports[`ColorLint - ColorNameDiscriminability 1`] = `"The following pairs of colors have the same name: "`;
 
@@ -117,3 +117,13 @@ exports[`ColorLint - UglyColors 1`] = `"This palette has some colors (specifical
 exports[`ColorLint - UglyColors 2`] = `"This palette has some colors (specifically #56ff22) that are close to what are known as ugly colors"`;
 
 exports[`ColorLint - UglyColors 3`] = `"This palette has some colors (specifically #0010ff, #6a7e25, #0f0, #00f) that are close to what are known as ugly colors"`;
+
+exports[`ColorLnt - ColorTags (1) Whisper don't scream 1`] = `"Axes should not have high contrast with the background. This can make the axes too distracting. "`;
+
+exports[`ColorLnt - ColorTags (1) Whisper don't scream 2`] = `"Axes should not have high contrast with the background. This can make the axes too distracting. #000"`;
+
+exports[`ColorLnt - ColorTags (2) Blue should be high probability for the basic color term blue 1`] = `"Blue should be high probability for the basic color term blue. If it's not, it can be confusing to users. "`;
+
+exports[`ColorLnt - ColorTags (2) Blue should be high probability for the basic color term blue 2`] = `"Blue should be high probability for the basic color term blue. If it's not, it can be confusing to users. "`;
+
+exports[`ColorLnt - ColorTags (2) Blue should be high probability for the basic color term blue 3`] = `"Blue should be high probability for the basic color term blue. If it's not, it can be confusing to users. #f00"`;
diff --git a/src/lib/__snapshots__/LintDocs.test.ts.snap b/src/lib/__snapshots__/LintDocs.test.ts.snap
index dba0065b..fa8d370c 100644
--- a/src/lib/__snapshots__/LintDocs.test.ts.snap
+++ b/src/lib/__snapshots__/LintDocs.test.ts.snap
@@ -31,7 +31,7 @@ Quantifiers
 Notes:
 
 - varbs each listed variable into the scope, as well as variables like index(a) for a variable a
-- To slice you might do something like {...where: {"<" : {left: "index(a), right: 3}}}. This is important! There is no other way to subset or filter for quantifiers. THE IN CLAUSE MUST ONLY HAVE A VARIABLE AND THING ELSE.
+- To slice you might do something like {...where: {"<" : {"left": "index(a)", "right": 3}}}. This is important! There is no other way to subset or filter for quantifiers. THE IN CLAUSE MUST ONLY HAVE A VARIABLE AND THING ELSE.
 
 Comparisons:
 {"==": {left: Value, right: Value}}
@@ -68,13 +68,14 @@ Aggregates
 {extent: Variable | Number[]}
 
 Color Manipulations:
-{toColor: Variable, space: 'lab' | 'hsl' | etc, channel: 'a' | 'b' | 'l' | etc}
+{toSpace: Variable, space: 'lab' | 'hsl' | etc, channel: 'a' | 'b' | 'l' | etc}
 {cvdSim: Variable, type: 'protanomaly' | 'deuteranomaly' | 'tritanopia' | 'grayscale'}
 {name: Variable}
 {inGamut: Variable | Color}
+{isTag: Variable | Color, value: string}
 Notes
 
-- toColor has a shorthand like {"rgb.b": Variable}
+- toSpace has a shorthand like {"rgb.b": Variable}
 - When comparing colors, it can be helpful to switch color spaces. For instance, to check if a value is blue you might switch it to HSL and check if the hue is in a certain range.
 
 Maps:
@@ -92,7 +93,7 @@ Maps:
 
 Description: Highly saturated light colors are not appropriate for palettes that seek to be serious.  See "Affective color in visualization" for more.
 
-Natural Language: ALL c in colors WHERE hsl.l(c) > 70, NOT hsl.s(c) > 70
+Natural Language: ALL c IN colors WHERE hsl.l(c) > 70 SUCH THAT NOT hsl.s(c) > 70
 
 
 Program:
@@ -124,7 +125,7 @@ Program:
 
 Description: Highly saturated light colors are not appropriate for palettes that seek to be trustworthy.  See "Affective color in visualization" for more.
 
-Natural Language: ALL c in colors WHERE hsl.l(c) > 70, NOT hsl.s(c) > 70
+Natural Language: ALL c IN colors WHERE hsl.l(c) > 70 SUCH THAT NOT hsl.s(c) > 70
 
 
 Program:
@@ -156,7 +157,7 @@ Program:
 
 Description: Highly saturated light colors are not appropriate for palettes that seek to be calm.  See "Affective color in visualization" for more.
 
-Natural Language: ALL c in colors WHERE hsl.l(c) > 70, NOT hsl.s(c) > 70
+Natural Language: ALL c IN colors WHERE hsl.l(c) > 70 SUCH THAT NOT hsl.s(c) > 70
 
 
 Program:
@@ -188,7 +189,7 @@ Program:
 
 Description: Palettes that seek to be playful should have at least one light blue, beige, or gray.  See "Affective color in visualization" for more.
 
-Natural Language: EXIST c in colors, (similar(c, lightblue) < 20 or similar(c, beige) < 20 or similar(c, gray) < 20)
+Natural Language: EXIST c IN colors SUCH THAT (similar(c, lightblue) < 20 OR similar(c, beige) < 20 OR similar(c, gray) < 20)
 
 
 Program:
@@ -219,7 +220,7 @@ Program:
 
 Description: Palettes that seek to be positive should not have dark reds or browns.  See "Affective color in visualization" for more.
 
-Natural Language: ALL c in colors, NOT (similar(c, darkred) < 20 or similar(c, brown) < 20)
+Natural Language: ALL c IN colors SUCH THAT NOT (similar(c, darkred) < 20 OR similar(c, brown) < 20)
 
 
 Program:
@@ -251,7 +252,7 @@ Program:
 
 Description: Palettes that seek to be negative should not have light colors, particularly greens.  See "Affective color in visualization" for more.
 
-Natural Language: ALL c in colors, NOT (similar(c, green) < 20 or lab.l(c) > 70)
+Natural Language: ALL c IN colors SUCH THAT NOT (similar(c, green) < 20 OR lab.l(c) > 70)
 
 
 Program:
@@ -281,11 +282,11 @@ Program:
 
 
 
-### Colorblind Friendly for deuteranopia
+### CVD: deuteranopia Friendly
 
 Description: All colors in a palette should be differentiable by people with deuteranopia (ie can't see green). This is because if they are not, then they will not be differentiable from each other in some contexts.
 
-Natural Language: ALL (a, b) in colors WHERE index(a) != index(b), NOT similar(cvdSim(a, deuteranopia), cvdSim(b, deuteranopia)) < 9
+Natural Language: ALL (a, b) IN colors WHERE index(a) != index(b) SUCH THAT NOT similar(cvdSim(a, deuteranopia), cvdSim(b, deuteranopia)) < 9
 
 Palettes that will fail this test:
 
@@ -325,11 +326,11 @@ Program:
 
 
 
-### Colorblind Friendly for protanopia
+### CVD: protanopia Friendly
 
 Description: All colors in a palette should be differentiable by people with protanopia (ie can't see red). This is because if they are not, then they will not be differentiable from each other in some contexts.
 
-Natural Language: ALL (a, b) in colors WHERE index(a) != index(b), NOT similar(cvdSim(a, protanopia), cvdSim(b, protanopia)) < 9
+Natural Language: ALL (a, b) IN colors WHERE index(a) != index(b) SUCH THAT NOT similar(cvdSim(a, protanopia), cvdSim(b, protanopia)) < 9
 
 Palettes that will fail this test:
 
@@ -369,11 +370,11 @@ Program:
 
 
 
-### Colorblind Friendly for tritanopia
+### CVD: tritanopia Friendly
 
 Description: All colors in a palette should be differentiable by people with tritanopia (ie can't see blue). This is because if they are not, then they will not be differentiable from each other in some contexts.
 
-Natural Language: ALL (a, b) in colors WHERE index(a) != index(b), NOT similar(cvdSim(a, tritanopia), cvdSim(b, tritanopia)) < 9
+Natural Language: ALL (a, b) IN colors WHERE index(a) != index(b) SUCH THAT NOT similar(cvdSim(a, tritanopia), cvdSim(b, tritanopia)) < 9
 
 Palettes that will fail this test:
 
@@ -417,7 +418,7 @@ Program:
 
 Description: All colors in a palette should be differentiable by people with grayscale . This is because if they are not, then they will not be differentiable from each other in some contexts.
 
-Natural Language: ALL (a, b) in colors WHERE index(a) != index(b), NOT similar(cvdSim(a, grayscale), cvdSim(b, grayscale)) < 9
+Natural Language: ALL (a, b) IN colors WHERE index(a) != index(b) SUCH THAT NOT similar(cvdSim(a, grayscale), cvdSim(b, grayscale)) < 9
 
 Palettes that will fail this test:
 
@@ -457,11 +458,92 @@ Program:
 
 
 
+### Axes should have low contrast with background
+
+Description: Axes should have low contrast with the background. Having it too high can make the axes too distracting. See "Whisper, Don't Scream: Grids and Transparency" for more.
+
+Natural Language: ALL a IN colors WHERE isTag(a, axis) SUCH THAT contrast(a, background, Lstar) < 20
+
+Palettes that will fail this test:
+
+- #000 (axis) with a #fff background
+
+
+
+Palettes that will pass this test:
+
+- #eee (axis) with a #fff background
+
+
+Program:
+
+\`\`\`json
+{
+    "$schema": "http://localhost:3000/lint-schema.json", 
+    "all": {
+        "in": "colors", 
+        "varb": "a", 
+        "where": {"isTag": "a", "value": "axis"}, 
+        "predicate": {
+            "<": {
+                "left": { "contrast": {"left": "a", "right": "background"}, "algorithm": "Lstar" }, 
+                "right": 20
+            }
+        }
+    }
+}
+
+\`\`\`
+
+    
+
+
+
+### Blue should be high probability for the basic color term blue
+
+Description: Blue should be high probability for the basic color term blue. If it's not, it can be confusing to users.
+
+Natural Language: ALL a IN colors WHERE isTag(a, blue) SUCH THAT name(a) == blue
+
+Palettes that will fail this test:
+
+- #f00 (blue), #ffa500 with a #fff background
+
+
+
+Palettes that will pass this test:
+
+- #00f (blue), #f00, #ffa500 with a #fff background
+
+- #00f, #f00, #ffa500 with a #fff background
+
+
+Program:
+
+\`\`\`json
+{
+    "$schema": "http://localhost:3000/lint-schema.json", 
+    "all": {
+        "in": "colors", 
+        "varb": "a", 
+        "where": {"isTag": "a", "value": "blue"}, 
+        "predicate": {
+            "==": { "left": {"name": "a"}, "right": "blue" }
+        }
+    }
+}
+
+\`\`\`
+
+    
+
+
+
 ### Fair
 
 Description: Do the colors stand out equally? A color palette is described as fair if both chroma and luminance ranges are below a certain threshold and unfair if one of them is above a certain threshold.
 
-Natural Language: (extent(sort(colors, x => lch.l(x))) < 50 and extent(sort(colors, x => lch.c(x))) < 80)
+Natural Language: (extent(sort(colors, x => lch.l(x))) < 50 AND extent(sort(colors, x => lch.c(x))) < 80)
 
 Palettes that will fail this test:
 
@@ -549,7 +631,7 @@ Program:
 
 Description: Background should be sufficiently desaturated. 
 
-Natural Language: (((hsl.l(background) > 90 and hsv.s(background) < 8) or hsl.l(background) > 99) or (hsl.l(background) > 10 and hsl.l(background) < 26 and hsv.s(background) < 21))
+Natural Language: (((hsl.l(background) > 90 AND hsv.s(background) < 8) OR hsl.l(background) > 99) OR (hsl.l(background) > 10 AND hsl.l(background) < 26 AND hsv.s(background) < 21))
 
 Palettes that will fail this test:
 
@@ -611,7 +693,7 @@ Program:
 
 Description: Tetradic palettes are hard to work with and are not recommended.
 
-Natural Language: NOT EXIST a in colors, (EXIST b in colors, similar(hsl.h(a), hsl.h(b) + 90) < 5 and EXIST b in colors, similar(hsl.h(a), hsl.h(b) + 90) < 5 and EXIST b in colors, similar(hsl.h(a), hsl.h(b) + 90) < 5)
+Natural Language: NOT EXIST a IN colors SUCH THAT (EXIST b IN colors SUCH THAT similar(hsl.h(a), hsl.h(b) + 90) < 5 AND EXIST b IN colors SUCH THAT similar(hsl.h(a), hsl.h(b) + 90) < 5 AND EXIST b IN colors SUCH THAT similar(hsl.h(a), hsl.h(b) + 90) < 5)
 
 Palettes that will fail this test:
 
@@ -696,7 +778,7 @@ Program:
 
 Description: When using green, make it a yellow or blue one. This makes it easier to play nicely with other colors.
 
-Natural Language: ALL a in colors, (hsl.h(a) < 90 or hsl.h(a) > 150)
+Natural Language: ALL a IN colors SUCH THAT (hsl.h(a) < 90 OR hsl.h(a) > 150)
 
 Palettes that will fail this test:
 
@@ -740,7 +822,7 @@ Program:
 
 Description: Don't make your colors too dark and saturated when you're using a bright background. If in doubt, try it out. Make your colors lighter, pull some saturation out of them and see how it feels.
 
-Natural Language: ((hsl.l(background) > 50 and ALL a in colors, contrast(a, background, WCAG21) < 10) or hsl.l(background) < 50)
+Natural Language: ((hsl.l(background) > 50 AND ALL a IN colors SUCH THAT contrast(a, background, WCAG21) < 10) OR hsl.l(background) < 50)
 
 Palettes that will fail this test:
 
@@ -794,7 +876,7 @@ Program:
 
 Description: Use color complements whenever possible
 
-Natural Language: EXIST (a, b) in colors, similar(hsl.h(a), hsl.h(b) + 180) < 5
+Natural Language: EXIST (a, b) IN colors SUCH THAT similar(hsl.h(a), hsl.h(b) + 180) < 5
 
 
 Program:
@@ -827,7 +909,7 @@ Program:
 
 Description: Pairs of colors in a palette should be differentiable from each other in Thin marks. 
 
-Natural Language: ALL (x, y) in colors WHERE index(x) != index(y), (lab.l(x) absDiff lab.l(y) > 12.58 or lab.a(x) absDiff lab.a(y) > 20.740000000000002 or lab.b(x) absDiff lab.b(y) > 34.05)
+Natural Language: ALL (x, y) IN colors WHERE index(x) != index(y) SUCH THAT (absDiff(lab.l(x), lab.l(y)) > 12.58 OR absDiff(lab.a(x), lab.a(y)) > 20.740000000000002 OR absDiff(lab.b(x), lab.b(y)) > 34.05)
 
 Palettes that will fail this test:
 
@@ -890,7 +972,7 @@ Program:
 
 Description: Pairs of colors in a palette should be differentiable from each other in Medium marks. 
 
-Natural Language: ALL (x, y) in colors WHERE index(x) != index(y), (lab.l(x) absDiff lab.l(y) > 6.58 or lab.a(x) absDiff lab.a(y) > 8.42 or lab.b(x) absDiff lab.b(y) > 11.09)
+Natural Language: ALL (x, y) IN colors WHERE index(x) != index(y) SUCH THAT (absDiff(lab.l(x), lab.l(y)) > 6.58 OR absDiff(lab.a(x), lab.a(y)) > 8.42 OR absDiff(lab.b(x), lab.b(y)) > 11.09)
 
 Palettes that will fail this test:
 
@@ -953,7 +1035,7 @@ Program:
 
 Description: Pairs of colors in a palette should be differentiable from each other in Wide marks. 
 
-Natural Language: ALL (x, y) in colors WHERE index(x) != index(y), (lab.l(x) absDiff lab.l(y) > 5.83 or lab.a(x) absDiff lab.a(y) > 6.88 or lab.b(x) absDiff lab.b(y) > 8.219999999999999)
+Natural Language: ALL (x, y) IN colors WHERE index(x) != index(y) SUCH THAT (absDiff(lab.l(x), lab.l(y)) > 5.83 OR absDiff(lab.a(x), lab.a(y)) > 6.88 OR absDiff(lab.b(x), lab.b(y)) > 8.219999999999999)
 
 Palettes that will fail this test:
 
@@ -1016,7 +1098,7 @@ Program:
 
 Description: Colors at either end of the lightness spectrum can be hard to discriminate in some contexts, and are sometimes advised against. See https://blog.datawrapper.de/beautifulcolors/#6 for more.
 
-Natural Language: ALL a in colors, ALL b in ([#000000, #ffffff, #0000ff, #ff0000, #00ff00]), NOT a == b
+Natural Language: ALL a IN colors SUCH THAT ALL b IN ([#000000, #ffffff, #0000ff, #ff0000, #00ff00]) SUCH THAT NOT a == b
 
 Palettes that will fail this test:
 
@@ -1059,7 +1141,7 @@ Program:
 
 Description: All colors in a palette should have a sufficient contrast ratio with the background color. This is because if they are not, then they will not be differentiable from each other in some contexts. Valid algorithms are "APCA", "WCAG21", "Michelson", "Weber", "Lstar", "DeltaPhi".
 
-Natural Language: ALL a in colors, contrast(a, background, WCAG21) > 1.1
+Natural Language: ALL a IN colors SUCH THAT contrast(a, background, WCAG21) > 1.1
 
 Palettes that will fail this test:
 
@@ -1099,7 +1181,7 @@ Program:
 
 Description: Opt for colors that are perceptually distinguishable in a logical sequence when designing visual elements like charts or graphs. This ensures that viewers can easily recognize the order or progression of data points. For categorical this means that when only a small number of colors are used, they should be as different as possible. For sequential and diverging, this means that the colors should be as different as possible in order.
 
-Natural Language: ALL (a, b) in colors WHERE index(a) == index(b) - 1, deltaE(a, b, 2000) > 10
+Natural Language: ALL (a, b) IN colors WHERE index(a) == index(b) - 1 SUCH THAT deltaE(a, b, 2000) > 10
 
 Palettes that will fail this test:
 
@@ -1145,7 +1227,7 @@ Program:
 
 Description: Categorical values should have an even distribution around the hue circle in LCH color space
 
-Natural Language: (std(speed(sort(colors, x => lch.h(x)),   =>  )) < 10 or std(speed(sort(colors, x => lch.h(x) + 180 % 360),   =>  )) < 10)
+Natural Language: (std(speed(sort(colors, x => lch.h(x)))) < 10 OR std(speed(sort(colors, x => lch.h(x) + 180 % 360))) < 10)
 
 Palettes that will fail this test:
 
@@ -1210,7 +1292,7 @@ Program:
 
 Description: Checks if the colors are in the sRGB gamut. This is important to ensure that the colors are visible and can be displayed on most devices.
 
-Natural Language: ALL a in colors, inGamut(a) == TRUE
+Natural Language: ALL a IN colors SUCH THAT inGamut(a) == TRUE
 
 Palettes that will fail this test:
 
@@ -1278,7 +1360,7 @@ Program:
 
 Description: All colors in a palette should be different from each other. This is because if they are not, then they will not be differentiable from each other in some contexts.
 
-Natural Language: ALL (a, b) in colors WHERE index(a) != index(b), dist(a, b, lab) > 15
+Natural Language: ALL (a, b) IN colors WHERE index(a) != index(b) SUCH THAT dist(a, b, lab) > 15
 
 Palettes that will fail this test:
 
@@ -1319,7 +1401,7 @@ Program:
 
 Description: Being able to identify colors by name is important for usability and for memorability.
 
-Natural Language: ALL (a, b) in colors WHERE index(a) != index(b), name(a) != name(b)
+Natural Language: ALL (a, b) IN colors WHERE index(a) != index(b) SUCH THAT name(a) != name(b)
 
 Palettes that will fail this test:
 
@@ -1357,7 +1439,7 @@ Program:
 
 Description: Sequential palettes should be ordered by lightness. This is a defining property of a sequential palette and ensures that values are understood as having an increase (or decreasing) value.
 
-Natural Language: (sort(colors, x => lch.l(x)) == map(colors, x => lch.l(x)) or sort(colors, x => lch.l(x)) == reverse(map(colors, x => lch.l(x)),   =>  ))
+Natural Language: (sort(colors, x => lch.l(x)) == map(colors, x => lch.l(x)) OR sort(colors, x => lch.l(x)) == reverse(map(colors, x => lch.l(x))))
 
 Palettes that will fail this test:
 
@@ -1403,7 +1485,7 @@ Program:
 
 Description: Colors that are close to what are known as ugly colors are sometimes advised against. See https://www.colourlovers.com/palette/1416250/The_Ugliest_Colors for more details.
 
-Natural Language: ALL a in colors, ALL b in ([#56FF00, #0010FF, #6A7E25, #FF00EF, #806E28]), deltaE(a, b, 2000) > 10
+Natural Language: ALL a IN colors SUCH THAT ALL b IN ([#56FF00, #0010FF, #6A7E25, #FF00EF, #806E28]) SUCH THAT deltaE(a, b, 2000) > 10
 
 Palettes that will fail this test:
 
diff --git a/src/lib/ai-docs.md b/src/lib/ai-docs.md
index baf7aa4e..a9a4d76c 100644
--- a/src/lib/ai-docs.md
+++ b/src/lib/ai-docs.md
@@ -24,7 +24,7 @@ Quantifiers
 Notes:
 
 - varbs each listed variable into the scope, as well as variables like index(a) for a variable a
-- To slice you might do something like {...where: {"<" : {left: "index(a), right: 3}}}. This is important! There is no other way to subset or filter for quantifiers. THE IN CLAUSE MUST ONLY HAVE A VARIABLE AND THING ELSE.
+- To slice you might do something like {...where: {"<" : {"left": "index(a)", "right": 3}}}. This is important! There is no other way to subset or filter for quantifiers. THE IN CLAUSE MUST ONLY HAVE A VARIABLE AND THING ELSE.
 
 Comparisons:
 {"==": {left: Value, right: Value}}
@@ -61,13 +61,14 @@ Aggregates
 {extent: Variable | Number[]}
 
 Color Manipulations:
-{toColor: Variable, space: 'lab' | 'hsl' | etc, channel: 'a' | 'b' | 'l' | etc}
+{toSpace: Variable, space: 'lab' | 'hsl' | etc, channel: 'a' | 'b' | 'l' | etc}
 {cvdSim: Variable, type: 'protanomaly' | 'deuteranomaly' | 'tritanopia' | 'grayscale'}
 {name: Variable}
 {inGamut: Variable | Color}
+{isTag: Variable | Color, value: string}
 Notes
 
-- toColor has a shorthand like {"rgb.b": Variable}
+- toSpace has a shorthand like {"rgb.b": Variable}
 - When comparing colors, it can be helpful to switch color spaces. For instance, to check if a value is blue you might switch it to HSL and check if the hue is in a certain range.
 
 Maps:
diff --git a/src/lib/api-calls.ts b/src/lib/api-calls.ts
index 743cdb86..21610bb0 100644
--- a/src/lib/api-calls.ts
+++ b/src/lib/api-calls.ts
@@ -7,7 +7,7 @@ type Engine = "openai" | "google";
 type SimplePal = { background: string; colors: string[] };
 const palToString = (pal: Palette) => ({
   background: pal.background.toHex(),
-  colors: pal.colors.map((x) => x.toHex()),
+  colors: pal.colors.map((x) => x.color.toHex()),
 });
 
 function openAIScaffold<A>(
@@ -169,7 +169,10 @@ export function lint(pal: Palette, computeMessage: boolean) {
     content: JSON.stringify({
       ...pal,
       background: pal.background.toString(),
-      colors: pal.colors.map((x) => x.toString()),
+      colors: pal.colors.map((x) => ({
+        ...x,
+        color: x.color.toString(),
+      })),
     }),
   }).then((x) => {
     return x as unknown as any[];
diff --git a/src/lib/blindness.ts b/src/lib/cvd-sim.ts
similarity index 100%
rename from src/lib/blindness.ts
rename to src/lib/cvd-sim.ts
diff --git a/src/lib/lint-language/LintLanguage.test.ts b/src/lib/lint-language/LintLanguage.test.ts
index 7121f807..881bd073 100644
--- a/src/lib/lint-language/LintLanguage.test.ts
+++ b/src/lib/lint-language/LintLanguage.test.ts
@@ -10,24 +10,40 @@ const toPal = (colors: string[]): Palette => ({
   colorSpace: "lab",
   evalConfig: {},
   background: toColors(["#fff"])[0],
-  colors: toColors(colors),
+  colors: toColorWithSemantics(colors),
   intendedAffects: [],
   intendedContexts: [],
 });
-const toColors = (colors: string[]): Color[] =>
+const wrapWithSemantics = (color: Color) => ({
+  size: undefined,
+  markType: undefined,
+  tags: [],
+  color,
+});
+const toColors = (colors: string[]) =>
   colors.map((x) => Color.colorFromString(x, "lab"));
+const toColorWithSemantics = (colors: string[]) =>
+  colors.map((x) => wrapWithSemantics(Color.colorFromString(x, "lab")));
 const exampleColors = toPal(["#d4a8ff", "#7bb9ff", "#008694"]);
 
 test("LintLanguage basic eval - eval with no references ", () => {
   const prog1: LintProgram = {
-    "<": { left: { count: exampleColors.colors }, right: 2 },
+    "<": {
+      left: { count: exampleColors.colors.map((x) => x.color) },
+      right: 2,
+    },
   };
   expect(prettyPrintLL(prog1)).toBe("count([#d4a8ff, #7bb9ff, #008694]) < 2");
   expect(LLEval(prog1, exampleColors).result).toBe(false);
 });
 
 test("LintLanguage basic eval - eval with no references 2 ", () => {
-  const prog2 = { "<": { left: { count: exampleColors.colors }, right: 10 } };
+  const prog2 = {
+    "<": {
+      left: { count: exampleColors.colors.map((x) => x.color) },
+      right: 10,
+    },
+  };
   const prog2Result = LLEval(prog2, exampleColors);
   expect(prog2Result.result).toBe(true);
   expect(prog2Result.blame).toStrictEqual([]);
@@ -68,7 +84,7 @@ test("LintLanguage conjunctions", () => {
   };
   expect(LLEval(prog1, exampleColors).result).toBe(true);
   expect(prettyPrintLL(prog1)).toBe(
-    "(count(colors) < 10 and count(colors) > 2)"
+    "(count(colors) < 10 AND count(colors) > 2)"
   );
 
   const prog2 = {
@@ -79,7 +95,7 @@ test("LintLanguage conjunctions", () => {
   };
   expect(LLEval(prog2, exampleColors).result).toBe(false);
   expect(prettyPrintLL(prog2)).toBe(
-    "(count(colors) < 2 or count(colors) > 10)"
+    "(count(colors) < 2 OR count(colors) > 10)"
   );
 });
 
@@ -98,14 +114,14 @@ test("LintLanguage Quantifiers All - Simple", () => {
     },
   });
   expect(prettyPrintLL(simpProg(["red"]))).toBe(
-    "EXIST a in colors, EXIST b in ([#f00]), a == b"
+    "EXIST a IN colors SUCH THAT EXIST b IN ([#f00]) SUCH THAT a == b"
   );
   const redResult = LLEval(simpProg(["red"]), exampleColors);
   expect(redResult.result).toBe(false);
   expect(redResult.blame).toStrictEqual([0, 1, 2]);
 
   expect(prettyPrintLL(simpProg(["#7bb9ff"]))).toBe(
-    "EXIST a in colors, EXIST b in ([#7bb9ff]), a == b"
+    "EXIST a IN colors SUCH THAT EXIST b IN ([#7bb9ff]) SUCH THAT a == b"
   );
   expect(LLEval(simpProg(["#7bb9ff"]), exampleColors).result).toBe(true);
 });
@@ -140,14 +156,14 @@ test("LintLanguage permutativeBlame - Quantifiers Simple", () => {
 });
 
 test("LintLanguage permutativeBlame - Quantifiers deuteranopia", () => {
-  const prog = allBlindProg("deuteranopia");
+  const prog = allCVDProg("deuteranopia");
   const pal = toPal(["#d4a8ff", "#7bb9ff", "#008694", "black"]);
   expect(permutativeBlame(prog, pal, "single")).toStrictEqual([0, 1]);
   expect(permutativeBlame(prog, pal, "pair")).toStrictEqual([[0, 1]]);
 });
 
 test("LintLanguage permutativeBlame - Tableau 10", () => {
-  const prog = allBlindProg("deuteranopia");
+  const prog = allCVDProg("deuteranopia");
   const pal = toPal([
     "#1f77b4",
     "#ff7f0e",
@@ -168,9 +184,9 @@ test("LintLanguage permutativeBlame - Tableau 10", () => {
   ]);
 });
 
-const expectedOutBlind = (type: string) =>
-  `ALL a in colors, ALL b in colors WHERE index(a) != index(b), NOT similar(cvdSim(a, ${type}), cvdSim(b, ${type})) < 9`;
-const allBlindProg = (type: string) => ({
+const expectedOutCVD = (type: string) =>
+  `ALL a IN colors SUCH THAT ALL b IN colors WHERE index(a) != index(b) SUCH THAT NOT similar(cvdSim(a, ${type}), cvdSim(b, ${type})) < 9`;
+const allCVDProg = (type: string) => ({
   all: {
     in: "colors",
     varb: "a",
@@ -193,23 +209,23 @@ const allBlindProg = (type: string) => ({
   },
 });
 test("LintLanguage Quantifiers All - deuteranopia", () => {
-  expect(prettyPrintLL(allBlindProg("deuteranopia"))).toBe(
-    expectedOutBlind("deuteranopia")
+  expect(prettyPrintLL(allCVDProg("deuteranopia"))).toBe(
+    expectedOutCVD("deuteranopia")
   );
-  const cbResult = LLEval(allBlindProg("deuteranopia"), exampleColors);
+  const cbResult = LLEval(allCVDProg("deuteranopia"), exampleColors);
   expect(cbResult.result).toBe(false);
   expect(cbResult.blame).toStrictEqual([0, 1]);
 });
 test("LintLanguage Quantifiers All - protanopia", () => {
-  expect(prettyPrintLL(allBlindProg("protanopia"))).toBe(
-    expectedOutBlind("protanopia")
+  expect(prettyPrintLL(allCVDProg("protanopia"))).toBe(
+    expectedOutCVD("protanopia")
   );
-  const cbResult = LLEval(allBlindProg("protanopia"), exampleColors);
+  const cbResult = LLEval(allCVDProg("protanopia"), exampleColors);
   expect(cbResult.result).toBe(false);
   expect(cbResult.blame).toStrictEqual([0, 1]);
 });
 test("LintLanguage Quantifiers All - tritanopia", () => {
-  const cbResult = LLEval(allBlindProg("tritanopia"), exampleColors);
+  const cbResult = LLEval(allCVDProg("tritanopia"), exampleColors);
   expect(cbResult.result).toBe(true);
   expect(cbResult.blame).toStrictEqual([]);
 });
@@ -245,7 +261,7 @@ test("LintLanguage Quantifiers Exist", () => {
     },
   };
   expect(prettyPrintLL(colorBlindExists)).toBe(
-    "NOT EXIST a in colors, EXIST b in colors, cvdSim(a, deuteranopia) != cvdSim(b, deuteranopia)"
+    "NOT EXIST a IN colors SUCH THAT EXIST b IN colors SUCH THAT cvdSim(a, deuteranopia) != cvdSim(b, deuteranopia)"
   );
   expect(LLEval(colorBlindExists, exampleColors).result).toBe(false);
 });
@@ -266,7 +282,29 @@ test("LintLanguage Quantifiers Exist - DENSE", () => {
     },
   };
   expect(prettyPrintLL(colorBlindExists)).toBe(
-    "NOT EXIST (a, b) in colors, cvdSim(a, deuteranopia) != cvdSim(b, deuteranopia)"
+    "NOT EXIST (a, b) IN colors SUCH THAT cvdSim(a, deuteranopia) != cvdSim(b, deuteranopia)"
+  );
+  expect(LLEval(colorBlindExists, exampleColors).result).toBe(false);
+});
+
+test("LintLanguage Quantifiers All - DENSE", () => {
+  const colorBlindExists = {
+    all: {
+      in: "colors",
+      varbs: ["a", "b"],
+      predicate: {
+        not: {
+          similar: {
+            left: { cvdSim: "a", type: "deuteranopia" },
+            right: { cvdSim: "b", type: "deuteranopia" },
+            threshold: 9,
+          },
+        },
+      },
+    },
+  };
+  expect(prettyPrintLL(colorBlindExists)).toBe(
+    "ALL (a, b) IN colors SUCH THAT NOT similar(cvdSim(a, deuteranopia), cvdSim(b, deuteranopia)) < 9"
   );
   expect(LLEval(colorBlindExists, exampleColors).result).toBe(false);
 });
@@ -279,7 +317,9 @@ test("LintLanguage Check exists", () => {
       predicate: { "==": { left: "a", right: "#1fbad6" } },
     },
   };
-  expect(prettyPrintLL(program)).toBe("EXIST a in colors, a == #1fbad6");
+  expect(prettyPrintLL(program)).toBe(
+    "EXIST a IN colors SUCH THAT a == #1fbad6"
+  );
   expect(LLEval(program, exampleColors).result).toBe(false);
 
   const program2 = {
@@ -289,7 +329,9 @@ test("LintLanguage Check exists", () => {
       predicate: { "!=": { left: "a", right: "#1fbad6" } },
     },
   };
-  expect(prettyPrintLL(program2)).toBe("EXIST a in colors, a != #1fbad6");
+  expect(prettyPrintLL(program2)).toBe(
+    "EXIST a IN colors SUCH THAT a != #1fbad6"
+  );
   expect(LLEval(program2, exampleColors).result).toBe(true);
 });
 
@@ -414,7 +456,7 @@ test("LintLanguage to color rotate", () => {
     },
   };
   expect(prettyPrintLL(realisticProgram)).toBe(
-    "EXIST a in colors, EXIST b in colors, similar(hsl.h(a), hsl.h(b) + 180) < 5"
+    "EXIST a IN colors SUCH THAT EXIST b IN colors SUCH THAT similar(hsl.h(a), hsl.h(b) + 180) < 5"
   );
   expect(LLEval(realisticProgram, exampleColors).result).toBe(false);
 });
@@ -434,7 +476,7 @@ test("LintLanguage Name discrimination", () => {
     },
   };
   expect(prettyPrintLL(program)).toBe(
-    "ALL (a, b) in colors WHERE index(a) != index(b), name(a) != name(b)"
+    "ALL (a, b) IN colors WHERE index(a) != index(b) SUCH THAT name(a) != name(b)"
   );
   const greenResult = LLEval(program, greens);
   expect(greenResult.result).toBe(false);
@@ -455,7 +497,7 @@ test("LintLanguage Name discrimination - dense notation", () => {
     },
   };
   expect(prettyPrintLL(program)).toBe(
-    "ALL (a, b) in colors WHERE index(a) != index(b), name(a) != name(b)"
+    "ALL (a, b) IN colors WHERE index(a) != index(b) SUCH THAT name(a) != name(b)"
   );
   expect(LLEval(program, greens).result).toBe(false);
   expect(LLEval(program, reds).result).toBe(true);
@@ -480,7 +522,7 @@ test("LintLanguage Name discrimination with a single color", () => {
     },
   };
   expect(prettyPrintLL(program)).toBe(
-    "ALL a in colors, ALL b in colors WHERE index(a) != index(b), name(a) != name(b)"
+    "ALL a IN colors SUCH THAT ALL b IN colors WHERE index(a) != index(b) SUCH THAT name(a) != name(b)"
   );
   const result = LLEval(program, toPal(["#008137"]));
   expect(result.result).toBe(true);
@@ -551,7 +593,7 @@ test("LintLanguage Avoid Extreme Colors", () => {
     },
   };
   expect(prettyPrintLL(program)).toBe(
-    "ALL a in colors, ALL b in ([#000000, #ffffff]), a != b"
+    "ALL a IN colors SUCH THAT ALL b IN ([#000000, #ffffff]) SUCH THAT a != b"
   );
   const { result, blame } = LLEval(program, greens);
   expect(result).toBe(true);
@@ -579,7 +621,7 @@ test("LintLanguage Avoid Extreme Colors Swapped Predicate Order (blame test)", (
     },
   };
   expect(prettyPrintLL(program)).toBe(
-    "ALL a in ([#000000, #ffffff]), ALL b in colors, a != b"
+    "ALL a IN ([#000000, #ffffff]) SUCH THAT ALL b IN colors SUCH THAT a != b"
   );
   const { result, blame } = LLEval(program, greens);
   expect(result).toBe(true);
@@ -636,7 +678,7 @@ test("LintLanguage Sequential Colors", () => {
   const inOrder = toPal(["#d4a8ff", "#7bb9ff", "#008694"]);
   expect(LLEval(program, inOrder).result).toBe(true);
   expect(prettyPrintLL(program)).toBe(
-    "(ALL (a, b) in colors WHERE index(a) - 1 == index(b), lab.l(a) > lab.l(b) or ALL (a, b) in colors WHERE index(a) - 1 == index(b), lab.l(a) < lab.l(b))"
+    "(ALL (a, b) IN colors WHERE index(a) - 1 == index(b) SUCH THAT lab.l(a) > lab.l(b) OR ALL (a, b) IN colors WHERE index(a) - 1 == index(b) SUCH THAT lab.l(a) < lab.l(b))"
   );
 });
 
@@ -724,7 +766,9 @@ test("LintLanguage Background differentiability", () => {
     },
   };
   const astString = prettyPrintLL(program);
-  expect(astString).toBe("ALL a in colors, NOT similar(a, background) < 15");
+  expect(astString).toBe(
+    "ALL a IN colors SUCH THAT NOT similar(a, background) < 15"
+  );
   const result = LLEval(program, toPal(["#fff", "#eee", "#000", "#ddd"]));
   expect(result.result).toBe(false);
   expect(result.blame).toStrictEqual([0, 1, 3]);
@@ -743,7 +787,7 @@ test("LintLanguage Sequential Similarity", () => {
   };
   const astString = prettyPrintLL(program);
   expect(astString).toBe(
-    "ALL (a, b) in colors WHERE index(a) != index(b), NOT similar(a, b) < 10"
+    "ALL (a, b) IN colors WHERE index(a) != index(b) SUCH THAT NOT similar(a, b) < 10"
   );
   const result = LLEval(program, toPal(["#fff", "#eee", "#000", "#ddd"]));
   expect(result.result).toBe(false);
diff --git a/src/lib/lint-language/lint-language.ts b/src/lib/lint-language/lint-language.ts
index 284747e2..01225343 100644
--- a/src/lib/lint-language/lint-language.ts
+++ b/src/lib/lint-language/lint-language.ts
@@ -1,10 +1,17 @@
-import cvdSim from "../blindness";
-import type { Palette } from "../../types";
+import cvdSim from "../cvd-sim";
+import type { Palette, ColorWrap } from "../../types";
 import { Color, colorPickerConfig } from "../Color";
 import { getName } from "../lints/name-discrim";
 import type { LintProgram } from "./lint-type";
+import { wrapInBlankSemantics } from "../utils";
 
-type RawValues = string | number | Color | string[] | number[] | Color[];
+type RawValues =
+  | string
+  | number
+  | ColorWrap<Color>
+  | string[]
+  | number[]
+  | ColorWrap<Color>[];
 class Environment {
   constructor(
     private palette: Palette,
@@ -35,13 +42,13 @@ class Environment {
   get(name: string) {
     if (name === "colors") {
       const children = this.palette.colors
-        .map((x) => new LLColor(x, x.toHex()))
+        .map((x) => new LLColor(x, x.color.toHex()))
         .map((x) => new LLValue(x));
       return new LLValueArray(children);
     }
     if (name === "background") {
       return new LLColor(
-        this.palette.background,
+        wrapInBlankSemantics(this.palette.background),
         this.palette.background.toHex()
       );
     }
@@ -236,7 +243,9 @@ export class LLConjunction extends LLNode {
     if (this.type === "id") return this.children[0].toString();
     if (this.type === "none") return "";
     if (this.type === "not") return `NOT ${this.children[0].toString()}`;
-    return `(${this.children.map((x) => x.toString()).join(` ${this.type} `)})`;
+    return `(${this.children
+      .map((x) => x.toString())
+      .join(` ${this.type.toUpperCase()} `)})`;
   }
 }
 
@@ -296,19 +305,29 @@ export class LLVariable extends LLNode {
 }
 
 export class LLColor extends LLNode {
-  constructor(private value: Color, private constructorString: string) {
+  constructor(
+    private value: ColorWrap<Color>,
+    private constructorString: string
+  ) {
     super();
   }
-  evaluate(env: Environment): ReturnVal<Color> {
+  evaluate(env: Environment): ReturnVal<ColorWrap<Color>> {
     this.evalCheck(env);
+
     return { result: this.value, env };
   }
   static tryToConstruct(value: any, options: OptionsConfig): false | LLColor {
     if (value instanceof Color) {
-      return new LLColor(value, value.toHex());
+      return new LLColor(wrapInBlankSemantics(value), value.toHex());
+    }
+    if (typeof value === "object" && value.color instanceof Color) {
+      return new LLColor(value, value.color.toHex());
     }
     if (typeof value === "string" && Color.stringIsColor(value, "lab")) {
-      return new LLColor(Color.colorFromString(value, "lab"), value);
+      return new LLColor(
+        wrapInBlankSemantics(Color.colorFromString(value, "lab")),
+        value
+      );
     }
     return false;
   }
@@ -378,24 +397,30 @@ export class LLNumberOp extends LLNode {
     return new LLNumberOp(opType, leftType, rightType);
   }
   toString(): string {
-    return `${this.left.toString()} ${this.type} ${this.right.toString()}`;
+    const left = this.left.toString();
+    const right = this.right.toString();
+    if (this.type === "absDiff") {
+      return `absDiff(${left}, ${right})`;
+    }
+    return `${left} ${this.type} ${right}`;
   }
 }
 
 const predicateTypes = ["==", "!=", ">", "<", "similar"] as const;
 
+type CompareType = number | boolean | string | ColorWrap<Color>;
 function compareValues(
-  leftVal: any,
-  rightVal: any,
+  leftVal: CompareType,
+  rightVal: CompareType,
   pred: LLPredicate,
   showValues: boolean
 ) {
-  let isColor = leftVal instanceof Color;
+  let isColor = getType(leftVal) === "Color";
   let left = leftVal;
   let right = rightVal;
   if (isColor && pred.type !== "similar") {
-    left = leftVal.toHex();
-    right = rightVal.toHex();
+    left = (leftVal as ColorWrap<Color>).color.toHex();
+    right = (rightVal as ColorWrap<Color>).color.toHex();
   }
   if (showValues) {
     console.log(pred.type, left, right);
@@ -405,9 +430,17 @@ function compareValues(
       let thresh = pred.threshold;
       if (!thresh) throw new Error("Similarity threshold not found");
       if (isColor) {
-        const diff = left.symmetricDeltaE(right, "2000");
+        let localLeft = left as ColorWrap<Color>;
+        let localRight = right as ColorWrap<Color>;
+        const diff = localLeft.color.symmetricDeltaE(localRight.color, "2000");
         if (showValues) {
-          console.log("diff", diff, thresh, left.toHex(), right.toHex());
+          console.log(
+            "diff",
+            diff,
+            thresh,
+            localLeft.color.toHex(),
+            localRight.color.toHex()
+          );
         }
         return diff < thresh;
       }
@@ -415,7 +448,8 @@ function compareValues(
         return Math.abs(left - right) < thresh;
       }
       throw new Error(
-        "Type error. Similar must be used with colors or numbers."
+        `Type error. Similar must be used with colors or numbers. 
+        Got ${JSON.stringify(left)} and ${JSON.stringify(right)}`
       );
     case "==":
       return left === right;
@@ -428,7 +462,7 @@ function compareValues(
   }
 }
 const getType = (x: any) => {
-  if (x instanceof Color) return "Color";
+  if (x?.color instanceof Color) return "Color";
   return typeof x === "object"
     ? Array.isArray(x)
       ? "Array"
@@ -541,27 +575,41 @@ export class LLValue extends LLNode {
 }
 
 type Params = Record<string, string>;
-const VFTypes = [
+const VFTypes: {
+  primaryKey: string;
+  params: string[];
+  op: (val: ColorWrap<Color>, params: Params) => any;
+}[] = [
   {
     primaryKey: "cvdSim",
     params: ["type"] as string[],
-    op: (val: Color, params: Params) => cvdSim(params.type, val),
+    op: (val, params) => ({ ...val, color: cvdSim(params.type, val.color) }),
   },
   {
     primaryKey: "name",
     params: [] as string[],
-    op: (val: Color, _params: Params) => getName(val).toLowerCase(),
+    op: (val, _params) => getName(val.color).toLowerCase(),
   },
   {
-    primaryKey: "toColor",
+    primaryKey: "toSpace",
     params: ["space", "channel"] as string[],
-    op: (val: Color, params: Params) =>
-      Number(val.toColorSpace(params.space as any).getChannel(params.channel)),
+    op: (val, params) =>
+      Number(
+        val.color.toColorSpace(params.space as any).getChannel(params.channel)
+      ),
   },
   {
     primaryKey: "inGamut",
     params: [],
-    op: (val: Color, _params: Params) => val.inGamut(),
+    op: (val, _params) => val.color.inGamut(),
+  },
+  {
+    primaryKey: "isTag",
+    params: ["value"],
+    op: (val, params) => {
+      const tag = params.value.toLowerCase();
+      return val.tags.some((x) => x.toLowerCase() === tag);
+    },
   },
 ];
 
@@ -571,8 +619,10 @@ Object.entries(colorPickerConfig).map(([colorSpace, value]) => {
     VFTypes.push({
       primaryKey: `${colorSpace}.${channelKey.toLowerCase()}`,
       params: [] as string[],
-      op: (val: Color, _params: Params) =>
-        Number(val.toColorSpace(colorSpace as any).getChannel(channelKey)),
+      op: (val: ColorWrap<Color>, _params: Params) =>
+        Number(
+          val.color.toColorSpace(colorSpace as any).getChannel(channelKey)
+        ),
     });
   });
 });
@@ -590,7 +640,7 @@ export class LLValueFunction extends LLNode {
     const { input, params } = this;
     // get the value of the input, such as by deref
     const inputEval = input.evaluate(env).result;
-    if (!(inputEval instanceof Color)) {
+    if (!(typeof inputEval === "object" && inputEval.color instanceof Color)) {
       throw new Error(
         `Type error, was expecting a color, but got ${inputEval} in function ${this.type}`
       );
@@ -651,25 +701,29 @@ const getOp =
 const getParams = (op: any, node: any) =>
   op.params.reduce((acc: any, key: any) => ({ ...acc, [key]: node[key] }), {});
 
-const LLPairFunctionTypes = [
+const LLPairFunctionTypes: {
+  primaryKey: string;
+  params: string[];
+  op: (a: ColorWrap<Color>, b: ColorWrap<Color>, params: Params) => number;
+}[] = [
   {
     primaryKey: "dist",
     params: ["space"] as string[],
-    op: (valA: Color, valB: Color, params: Params) =>
-      valA.distance(valB, params.space as any),
+    op: (valA, valB, params) =>
+      valA.color.distance(valB.color, params.space as any),
   },
   {
     primaryKey: "deltaE",
     params: ["algorithm"] as string[],
-    op: (valA: Color, valB: Color, params: Params) =>
-      valA.symmetricDeltaE(valB, params.algorithm as any),
+    op: (valA, valB, params) =>
+      valA.color.symmetricDeltaE(valB.color, params.algorithm as any),
   },
   {
     primaryKey: "contrast",
     params: ["algorithm"] as string[],
-    op: (valA: Color, valB: Color, params: Params) => {
-      const a = valA.toColorIO();
-      const b = valB.toColorIO();
+    op: (valA, valB, params) => {
+      const a = valA.color.toColorIO();
+      const b = valB.color.toColorIO();
       return Math.abs(a.contrast(b, params.algorithm as any));
     },
   },
@@ -689,7 +743,10 @@ export class LLPairFunction extends LLNode {
     // get the value of the input, such as by deref
     const leftEval = left.evaluate(env).result;
     const rightEval = right.evaluate(env).result;
-    if (!(leftEval instanceof Color) || !(rightEval instanceof Color)) {
+    if (
+      !(leftEval?.color instanceof Color) ||
+      !(rightEval?.color instanceof Color)
+    ) {
       throw new Error("Type error");
     }
     const op = LLPairFunctionTypes.find((x) => x.primaryKey === this.type);
@@ -736,7 +793,7 @@ export class LLQuantifier extends LLNode {
     private input: LLValueArray | LLVariable | LLMap,
     private predicate: LLPredicate,
     private varbs: string[],
-    private where?: LLPredicate
+    private where?: LLPredicate | LLValueFunction
   ) {
     super();
   }
@@ -826,7 +883,7 @@ export class LLQuantifier extends LLNode {
       inputType,
       predicateType,
       varb ? [varb] : varbs,
-      where && tryTypes([LLPredicate], options)(where)
+      where && tryTypes([LLPredicate, LLValueFunction], options)(where)
     );
   }
   toString(): string {
@@ -846,7 +903,7 @@ export class LLQuantifier extends LLNode {
     }
     // const type = this.type === "exist" ? "∃" : "∀";
     const type = this.type.toUpperCase();
-    return `${type} ${varbs} in ${targ}${where}, ${this.predicate.toString()}`;
+    return `${type} ${varbs} IN ${targ}${where} SUCH THAT ${this.predicate.toString()}`;
   }
 }
 
@@ -984,7 +1041,7 @@ export class LLMap extends LLNode {
             typeof x === "number" ||
             (typeof x === "object" && x?.type === "<number>")
         );
-        const allColors = children.every((x) => x instanceof Color);
+        const allColors = children.every((x) => x?.color instanceof Color);
         if (!allNumbers && !allColors) {
           const types = children.map((x) => x);
           console.log(children);
@@ -1037,9 +1094,10 @@ export class LLMap extends LLNode {
   }
   toString(): string {
     const type = this.type;
-    return `${type}(${this.children.toString()}, ${
-      this.varb
-    } => ${this.func.toString()})`;
+    const funcStr = this.func.toString();
+    const func =
+      this.varb != " " && funcStr != " " ? `, ${this.varb} => ${funcStr}` : "";
+    return `${type}(${this.children.toString()}${func})`;
   }
 }
 
diff --git a/src/lib/lint-language/lint-type.ts b/src/lib/lint-language/lint-type.ts
index 6cebd6ca..8e3e893b 100644
--- a/src/lib/lint-language/lint-type.ts
+++ b/src/lib/lint-language/lint-type.ts
@@ -1,4 +1,3 @@
-import { Color } from "../Color";
 /**
  * Lint Language
  * Lint Language is a language for expressing color logic. It is used to define color rules and constraints in the Lint system.
@@ -12,7 +11,8 @@ export type LintExpression =
   | LintConjunction
   | LintQuantifier
   | LintComparison
-  | LintBoolean;
+  | LintBoolean
+  | LintColorTagCheck;
 
 /**
  * A logical conjunction expression. It is used to express the logical AND, OR and NOT operations.
@@ -149,12 +149,18 @@ export type LintColorFunction =
   | { name: LintVariable | LintColor }
   | { inGamut: LintVariable | LintColor }
   | {
-      toColor: LintVariable | LintColor;
+      toSpace: LintVariable | LintColor;
       space: ColorSpace;
       channel: ColorChannel;
     }
+  | LintColorTagCheck
   | { [cmd: string]: LintVariable | string };
 
+export type LintColorTagCheck = {
+  isTag: LintVariable | LintColor;
+  value: string;
+};
+
 /**
  * Converts a Color to a color space component. Has syntax like colorSpace.channel, where colorSpace is a color space and channel is a channel in that color space. Available spaces: hsl, hsv, jzazbz, lab, lch, oklab, oklch, rgb
  */
@@ -208,5 +214,6 @@ export type LintValue =
 // raw values
 export type LintBoolean = boolean;
 export type LintVariable = string;
+import { Color } from "../Color";
 export type LintColor = string | Color | LintVariable;
 // export type LintColor = string | LintVariable;
diff --git a/src/lib/linter-tools/lint-fixer.ts b/src/lib/linter-tools/lint-fixer.ts
index 6517ba91..6e2b650b 100644
--- a/src/lib/linter-tools/lint-fixer.ts
+++ b/src/lib/linter-tools/lint-fixer.ts
@@ -2,12 +2,13 @@ import type { Palette } from "../../types";
 import type { LintResult } from "../ColorLint";
 import { suggestFix } from "../api-calls";
 import { Color } from "../Color";
+import { wrapInBlankSemantics } from "../utils";
 
 export async function suggestLintAIFix(
   palette: Palette,
   lint: LintResult,
   engine: string
-) {
+): Promise<Palette[]> {
   const colorSpace = palette.colorSpace;
   const msg = `${lint.message}\n\nFailed: ${lint.naturalLanguageProgram}`;
   return suggestFix(palette, msg, engine as any).then((x) => {
@@ -19,7 +20,9 @@ export async function suggestLintAIFix(
         return {
           ...palette,
           colors: el.colors.map((x) =>
-            Color.colorFromHex(x.replace("##", "#"), colorSpace)
+            wrapInBlankSemantics(
+              Color.colorFromHex(x.replace("##", "#"), colorSpace)
+            )
           ),
         };
       } catch (e) {
diff --git a/src/lib/linter-tools/lint-worker.worker.ts b/src/lib/linter-tools/lint-worker.worker.ts
index c86e82c8..29723044 100644
--- a/src/lib/linter-tools/lint-worker.worker.ts
+++ b/src/lib/linter-tools/lint-worker.worker.ts
@@ -2,7 +2,7 @@ import * as idb from "idb-keyval";
 import { runLintChecks } from "../linter";
 import { prettyPrintLL } from "../lint-language/lint-language";
 import type { CustomLint } from "../CustomLint";
-import type { Palette } from "../../types";
+import type { Palette, StringPalette } from "../../types";
 import { Color } from "../Color";
 import type { LintResult } from "../ColorLint";
 
@@ -23,10 +23,13 @@ const getColor = (hex: string, space: string): Color => {
 };
 
 const hydratePal = (pal: string): Palette => {
-  const parsed = JSON.parse(pal);
+  const parsed = JSON.parse(pal) as StringPalette;
   return {
     background: getColor(parsed.background, parsed.colorSpace),
-    colors: parsed.colors.map((x: string) => getColor(x, parsed.colorSpace)),
+    colors: parsed.colors.map((x) => ({
+      ...x,
+      color: getColor(x.color, parsed.colorSpace),
+    })),
     type: parsed.type,
     colorSpace: parsed.colorSpace,
     name: parsed.name,
diff --git a/src/lib/linter.ts b/src/lib/linter.ts
index 12d79f9c..ceb70376 100644
--- a/src/lib/linter.ts
+++ b/src/lib/linter.ts
@@ -11,7 +11,8 @@ import Affects from "./lints/affects";
 import AvoidExtremes from "./lints/avoid-extremes";
 import BackgroundDifferentiability from "./lints/background-contrast";
 import CatOrderSimilarity from "./lints/cat-order-similarity";
-import ColorBlindness from "./lints/color-blindness";
+import CVDCheck from "./lints/cvd-check";
+import ColorTags from "./lints/color-tags";
 import EvenDistribution from "./lints/even-distribution";
 import Fair from "./lints/fair";
 import Gamut from "./lints/in-gamut";
@@ -25,7 +26,8 @@ import UglyColors from "./lints/ugly-colors";
 
 export const BUILT_INS: CustomLint[] = [
   ...Affects,
-  ...ColorBlindness,
+  ...CVDCheck,
+  ...ColorTags,
   ...Fair,
   ...MuthGuidelines,
   ...SizeDiscrim,
diff --git a/src/lib/lints/background-contrast.ts b/src/lib/lints/background-contrast.ts
index 7a2021d3..5fe0cd7a 100644
--- a/src/lib/lints/background-contrast.ts
+++ b/src/lib/lints/background-contrast.ts
@@ -54,7 +54,7 @@ export const fixBackgroundDifferentiability: LintFixer = async (palette) => {
   const clamp = (x: number) => Math.max(0, Math.min(100, x));
   const newL = clamp(!bgCloserToWhite ? backgroundL * 1.5 : backgroundL * 0.5);
   const colorsCloseToBackground = getColorsCloseToBackground(
-    colors,
+    colors.map((x) => x.color),
     background
   );
   const newColors = colors.map((x, idx) => {
@@ -62,12 +62,15 @@ export const fixBackgroundDifferentiability: LintFixer = async (palette) => {
       return x;
     }
     const color = colors[idx];
-    const newColor = Color.toColorSpace(color, "lab");
+    const newColor = Color.toColorSpace(color.color, "lab");
     const [_l, a, b] = newColor.toChannels();
-    return Color.toColorSpace(
-      newColor.fromChannels([newL, a, b]),
-      colorSpace as any
-    );
+    return {
+      ...x,
+      color: Color.toColorSpace(
+        newColor.fromChannels([newL, a, b]),
+        colorSpace as any
+      ),
+    };
   });
   return [{ ...palette, colors: newColors }];
 };
diff --git a/src/lib/lints/color-tags.ts b/src/lib/lints/color-tags.ts
new file mode 100644
index 00000000..a843e042
--- /dev/null
+++ b/src/lib/lints/color-tags.ts
@@ -0,0 +1,78 @@
+import { JSONToPrettyString, makePalFromString } from "../utils";
+import type { CustomLint } from "../CustomLint";
+
+function createPalWithTags(colors: string[], tags: [number, string][]) {
+  const pal = makePalFromString(colors);
+  tags.forEach(([index, tag]) => {
+    pal.colors[index].tags.push(tag);
+  });
+  return pal;
+}
+
+// If Semantic Tag == Context then the color should be low contrast with the background (Whisper, Don't Scream work)
+
+const lints: CustomLint[] = [];
+const whisperScream: CustomLint = {
+  name: "Axes should have low contrast with background",
+  program: JSONToPrettyString({
+    // @ts-ignore
+    $schema: `${location.href}lint-schema.json`,
+    all: {
+      in: "colors",
+      varb: "a",
+      where: { isTag: "a", value: "axis" },
+      //   paper says 0.2 opacity is acceptable, which works out to be a 16 L* contrast, rounded up to 20
+      predicate: {
+        "<": {
+          left: {
+            contrast: { left: "a", right: "background" },
+            algorithm: "Lstar",
+          },
+          right: 20,
+        },
+      },
+    },
+  }),
+
+  taskTypes: ["sequential", "diverging", "categorical"] as const,
+  level: "warning",
+  group: "design",
+  description: `Axes should have low contrast with the background. Having it too high can make the axes too distracting. See "Whisper, Don't Scream: Grids and Transparency" for more.`,
+  failMessage: `Axes should not have high contrast with the background. This can make the axes too distracting. {{blame}}`,
+  id: "whisper-scream-built-in",
+  blameMode: "single",
+  expectedPassingTests: [createPalWithTags(["#eee"], [[0, "axis"]])],
+  expectedFailingTests: [createPalWithTags(["#000"], [[0, "axis"]])],
+};
+lints.push(whisperScream);
+
+// If Semantic Tag == Blue, then the color should be high probability for the basic color term blue
+const colorNames = ["blue", "red", "orange"];
+const blueBasicColor: CustomLint = {
+  name: "Blue should be high probability for the basic color term blue",
+  program: JSONToPrettyString({
+    // @ts-ignore
+    $schema: `${location.href}lint-schema.json`,
+    all: {
+      in: "colors",
+      varb: "a",
+      where: { isTag: "a", value: "blue" },
+      predicate: { "==": { left: { name: "a" }, right: "blue" } },
+    },
+  }),
+
+  taskTypes: ["sequential", "diverging", "categorical"] as const,
+  level: "warning",
+  group: "design",
+  description: `Blue should be high probability for the basic color term blue. If it's not, it can be confusing to users.`,
+  failMessage: `Blue should be high probability for the basic color term blue. If it's not, it can be confusing to users. {{blame}}`,
+  id: "blue-basic-color-term-built-in",
+  blameMode: "single",
+  expectedPassingTests: [
+    createPalWithTags(colorNames, [[0, "blue"]]),
+    makePalFromString(colorNames),
+  ],
+  expectedFailingTests: [createPalWithTags(colorNames.slice(1), [[0, "blue"]])],
+};
+lints.push(blueBasicColor);
+export default lints;
diff --git a/src/lib/lints/color-blindness.ts b/src/lib/lints/cvd-check.ts
similarity index 95%
rename from src/lib/lints/color-blindness.ts
rename to src/lib/lints/cvd-check.ts
index 610a24cc..91e0b248 100644
--- a/src/lib/lints/color-blindness.ts
+++ b/src/lib/lints/cvd-check.ts
@@ -50,9 +50,7 @@ const lints: CustomLint[] = blindTypes.map((type) => ({
     },
   }),
   name:
-    type === "grayscale"
-      ? "Right in black and white"
-      : `Colorblind Friendly for ${type}`,
+    type === "grayscale" ? "Right in black and white" : `CVD: ${type} Friendly`,
   taskTypes: ["sequential", "diverging", "categorical"],
   group: "accessibility",
   description: `All colors in a palette should be differentiable by people with ${type} ${blindnessLabels[type]}. This is because if they are not, then they will not be differentiable from each other in some contexts.`,
diff --git a/src/lib/lints/diverging-order.ts b/src/lib/lints/diverging-order.ts
index 7ca951fb..11eef0e9 100644
--- a/src/lib/lints/diverging-order.ts
+++ b/src/lib/lints/diverging-order.ts
@@ -1,7 +1,7 @@
 import { ColorLint } from "../ColorLint";
 import type { PalType } from "../../types";
 import { Color } from "../Color";
-import type { Palette } from "../../types";
+import type { ColorWrap } from "../../types";
 import type { LintFixer } from "../linter-tools/lint-fixer";
 
 const meanPoint2d = (points: Color[]) => {
@@ -32,7 +32,9 @@ export default class DivergingOrder extends ColorLint<boolean, false> {
 
     const summarizedDirections = colors
       .slice(0, -1)
-      .map((x, i) => (x.luminance() > colors[i + 1].luminance() ? 1 : -1))
+      .map((x, i) =>
+        x.color.luminance() > colors[i + 1].color.luminance() ? 1 : -1
+      )
       .reduce((acc, x) => {
         if (acc.length === 0) return [x];
         if (acc[acc.length - 1] === x) return acc;
@@ -58,9 +60,9 @@ export const fixDivergingOrder: LintFixer = async (palette) => {
   //   (x) => x.luminance() < medianPoint.luminance()
   // ).length;
 
-  const sortByLum = (a: Color, b: Color) => {
-    const aL = a.luminance();
-    const bL = b.luminance();
+  const sortByLum = (a: ColorWrap<Color>, b: ColorWrap<Color>) => {
+    const aL = a.color.luminance();
+    const bL = b.color.luminance();
     if (aL === bL) return 0;
     return aL > bL ? 1 : -1;
   };
@@ -76,7 +78,9 @@ export const fixDivergingOrder: LintFixer = async (palette) => {
     const color = colors[i];
     const leftColor = leftColors.at(-1)!;
     const rightColor = rightColors.at(-1)!;
-    if (color.deltaE(leftColor) < color.deltaE(rightColor)) {
+    if (
+      color.color.deltaE(leftColor.color) < color.color.deltaE(rightColor.color)
+    ) {
       leftColors.push(color);
     } else {
       rightColors.push(color);
diff --git a/src/lib/lints/in-gamut.ts b/src/lib/lints/in-gamut.ts
index d8e519b1..9af7cb05 100644
--- a/src/lib/lints/in-gamut.ts
+++ b/src/lib/lints/in-gamut.ts
@@ -31,8 +31,9 @@ const lint: CustomLint = {
 export default lint;
 
 export const fixGamut: LintFixer = async (palette) => {
-  const colors = palette.colors.map((color) =>
-    color.fromChannels(clipToGamut(color))
-  );
+  const colors = palette.colors.map((color) => ({
+    ...color,
+    color: color.color.fromChannels(clipToGamut(color.color)),
+  }));
   return [{ ...palette, colors }];
 };
diff --git a/src/lib/lints/name-discrim.ts b/src/lib/lints/name-discrim.ts
index b6db1334..b862d113 100644
--- a/src/lib/lints/name-discrim.ts
+++ b/src/lib/lints/name-discrim.ts
@@ -76,7 +76,7 @@ export const fixColorNameDiscriminability: LintFixer = async (
 ) => {
   const colors = palette.colors;
   const colorNamesByIndex = colors.reduce((acc, color, index) => {
-    const name = getName(color);
+    const name = getName(color.color);
     acc[name] = (acc[name] || []).concat(index);
     return acc;
   }, {} as Record<string, number[]>);
@@ -84,10 +84,10 @@ export const fixColorNameDiscriminability: LintFixer = async (
   Object.values(colorNamesByIndex)
     .filter((x) => x.length > 1)
     .forEach((indices) => {
-      const localColors = indices.map((i) => newColors[i]);
+      const localColors = indices.map((i) => newColors[i].color);
       const updatedColors = suggestFixForColorsWithCommonNames(localColors);
       indices.forEach((i, j) => {
-        newColors[i] = updatedColors[j];
+        newColors[i] = { ...newColors[i], color: updatedColors[j] };
       });
     });
   return [{ ...palette, colors: newColors }];
diff --git a/src/lib/lints/sequential-order.ts b/src/lib/lints/sequential-order.ts
index 7d4bffc1..840970aa 100644
--- a/src/lib/lints/sequential-order.ts
+++ b/src/lib/lints/sequential-order.ts
@@ -47,6 +47,6 @@ export default lint;
 const getLightness = (color: Color) => color.toColorIO().to("lab").coords[0];
 export const fixSequentialOrder: LintFixer = async (palette: Palette) => {
   const colors = [...palette.colors];
-  colors.sort((a, b) => getLightness(a) - getLightness(b));
+  colors.sort((a, b) => getLightness(a.color) - getLightness(b.color));
   return [{ ...palette, colors }];
 };
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index db920b33..de255f80 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,5 +1,5 @@
 import { Color, colorPickerConfig } from "./Color";
-import type { Palette, StringPalette } from "../types";
+import type { Palette, StringPalette, ColorWrap } from "../types";
 import type { LintProgram } from "./lint-language/lint-type";
 import { Formatter, FracturedJsonOptions, EolStyle } from "fracturedjsonjs";
 import fits from "../assets/outfits.json";
@@ -42,10 +42,10 @@ export function avgColors(
   return Color.colorFromChannels(avgColor, colorSpace as any);
 }
 
-export function deDup(arr: Color[]): Color[] {
+export function deDup(arr: ColorWrap<Color>[]): ColorWrap<Color>[] {
   const seen = new Set();
   return arr.filter((item) => {
-    const k = item.toHex();
+    const k = item.color.toHex();
     return seen.has(k) ? false : seen.add(k);
   });
 }
@@ -215,16 +215,28 @@ export const makePal = (
   return {
     ...defaultHexPal,
     name,
-    colors: colors.map((x) => Color.colorFromString(x, colorSpace)),
+    colors: colors.map((x) =>
+      wrapInBlankSemantics(Color.colorFromString(x, colorSpace))
+    ),
     background: Color.colorFromString("#ffffff", colorSpace),
     type,
   };
 };
 
+export const wrapInBlankSemantics = (x: Color): ColorWrap<Color> => ({
+  color: x,
+  tags: [],
+});
+
+export const wrapInBlankStringSemantics = (x: string): ColorWrap<string> => ({
+  color: x,
+  tags: [],
+});
+
 export function createPalFromHexes(colors: string[]): StringPalette {
   return {
     ...defaultHexPal,
-    colors,
+    colors: colors.map((x) => wrapInBlankStringSemantics(x)),
   };
 }
 const outfitToPal = (x: any) => [x.fill1, x.fill2, x.fill3];
@@ -233,7 +245,7 @@ export function newGenericPal(name: string): StringPalette {
   return {
     ...defaultHexPal,
     name,
-    colors: pick(outfits),
+    colors: pick(outfits).map((x: string) => wrapInBlankStringSemantics(x)),
   };
 }
 export function makePalFromString(
@@ -242,7 +254,9 @@ export function makePalFromString(
 ): Palette {
   return {
     ...defaultHexPal,
-    colors: strings.map((str) => Color.colorFromString(str, "lab")),
+    colors: strings.map((str) =>
+      wrapInBlankSemantics(Color.colorFromString(str))
+    ),
     background: Color.colorFromString(bg, "lab"),
   };
 }
@@ -254,7 +268,9 @@ export const toPal = (
 ): Palette => {
   return {
     ...defaultHexPal,
-    colors: colors.map((x) => Color.colorFromString(x, colorSpace)),
+    colors: colors.map((x) =>
+      wrapInBlankSemantics(Color.colorFromString(x, colorSpace))
+    ),
     name: "mods",
     background: currentPal.background,
     type: currentPal.type,
@@ -277,7 +293,7 @@ type selectColorsFromDrag = (
   dragBox: { x: number; y: number },
   dragging: { x: number; y: number },
   parentPos: { x: number; y: number },
-  colors: Color[],
+  colors: ColorWrap<Color>[],
   config: {
     isPolar: boolean;
     plotHeight: number;
@@ -302,7 +318,7 @@ export const selectColorsFromDragZ: selectColorsFromDrag = (
   const magicOffset = 15;
   const newFocusedColors = colors
     .map((color, idx) =>
-      between(config.z(color) + magicOffset, yMin, yMax) ? idx : -1
+      between(config.z(color.color) + magicOffset, yMin, yMax) ? idx : -1
     )
     .filter((x) => x !== -1);
   return [...newFocusedColors];
@@ -320,7 +336,7 @@ export const selectColorsFromDrag: selectColorsFromDrag = (
   // check if selected in screen space
   const newFocusedColors = colors
     .map((color, idx) => {
-      let [xVal, yVal] = [config.x(color), config.y(color)];
+      let [xVal, yVal] = [config.x(color.color), config.y(color.color)];
       if (config.isPolar) {
         xVal += config.plotWidth / 2;
         yVal += config.plotHeight / 2;
@@ -386,13 +402,13 @@ export function makeScales(
 
 type dragEventToColor = (
   e: any,
-  originalColor: Color,
+  originalColor: ColorWrap<Color>,
   originalPos: { x: number; y: number },
   config: (typeof colorPickerConfig)[string],
   scales: ReturnType<typeof makeScales>,
   colorSpace: any,
   dragDelta: { x: number; y: number }
-) => Color;
+) => ColorWrap<Color>;
 export const dragEventToColorZ: dragEventToColor = (
   e,
   originalColor,
@@ -404,13 +420,16 @@ export const dragEventToColorZ: dragEventToColor = (
 ) => {
   const { zInv, z } = scales;
   const screenPosDelta = toXY(e).y - originalPos.y + dragDelta.y;
-  const coords = originalColor.toChannels();
+  const coords = originalColor.color.toChannels();
   const zClamp = (v: number) => clampToRange(v, config.zDomain);
   coords[config.zChannelIndex] = zClamp(
-    zInv(z(originalColor) + screenPosDelta)
+    zInv(z(originalColor.color) + screenPosDelta)
   );
 
-  return Color.colorFromChannels(coords, colorSpace);
+  return {
+    ...originalColor,
+    color: Color.colorFromChannels(coords, colorSpace),
+  };
 };
 
 export const dragEventToColorXY: dragEventToColor = (
@@ -433,18 +452,21 @@ export const dragEventToColorXY: dragEventToColor = (
   const yClamp = (v: number) => clampToRange(v, config.yDomain);
   // screen coordinates
   const newPos = [
-    x(originalColor) + screenPosDelta.x,
-    y(originalColor) + screenPosDelta.y,
+    x(originalColor.color) + screenPosDelta.x,
+    y(originalColor.color) + screenPosDelta.y,
   ];
   // color space coordinates
   const newVal = [
     xClamp(xInv(newPos[0], newPos[1])),
     yClamp(yInv(newPos[0], newPos[1])),
   ];
-  const coords = originalColor.toChannels();
+  const coords = originalColor.color.toChannels();
   coords[config.xChannelIndex] = newVal[0];
   coords[config.yChannelIndex] = newVal[1];
-  return Color.colorFromChannels(coords, colorSpace);
+  return {
+    ...originalColor,
+    color: Color.colorFromChannels(coords, colorSpace),
+  };
 };
 
 export const screenSpaceAvg = (colors: { x: number; y: number }[]) => {
diff --git a/src/linting/EvalColorColumn.svelte b/src/linting/EvalColorColumn.svelte
index 040468e9..76f743a3 100644
--- a/src/linting/EvalColorColumn.svelte
+++ b/src/linting/EvalColorColumn.svelte
@@ -3,24 +3,25 @@
   import focusStore from "../stores/focus-store";
   import configStore from "../stores/config-store";
   import lintStore from "../stores/lint-store";
+  import type { ColorWrap } from "../types";
 
   import { colorNameSimple } from "../lib/lints/name-discrim";
   import EvalResponse from "./EvalResponse.svelte";
-  import simulate_cvd from "../lib/blindness";
+  import simulate_cvd from "../lib/cvd-sim";
   import { Color } from "../lib/Color";
   import { checkLevelToSymbol, dealWithFocusEvent } from "../lib/utils";
   import { buttonStyle } from "../lib/styles";
 
   $: checks = $lintStore.currentChecks;
 
-  $: colorNames = colorNameSimple(colors);
+  $: colorNames = colorNameSimple(colors.map((x) => x.color));
   $: colors = $colorStore.palettes[$colorStore.currentPal].colors;
   $: selectedBlindType = $configStore.colorSim;
   $: sim = (color: Color): string =>
     simulate_cvd(selectedBlindType, color).toHex();
 
   $: colorsToIssues = colors.map((x) => {
-    const hex = `${x.toHex()}`;
+    const hex = `${x.color.toHex()}`;
     return checks.filter(
       (check) => !check.passes && check.message.includes(hex)
     );
@@ -28,10 +29,12 @@
 
   $: currentPal = $colorStore.palettes[$colorStore.currentPal];
   $: evalConfig = currentPal.evalConfig;
-  function computeDeltas(colors: Color[], metric: string = "2000") {
+  function computeDeltas(colors: ColorWrap<Color>[], metric: string = "2000") {
     const deltas = [];
     for (let i = 1; i < colors.length; i++) {
-      deltas.push(colors[i].symmetricDeltaE(colors[i - 1], metric as any));
+      const left = colors[i - 1].color;
+      const right = colors[i].color;
+      deltas.push(left.symmetricDeltaE(right, metric as any));
     }
     return deltas;
   }
@@ -65,7 +68,7 @@
         );
       }}
       class="w-full flex flex-col justify-center items-center text-sm mt-2 transition-all relative"
-      class:text-white={color.luminance() < 0.5}
+      class:text-white={color.color.luminance() < 0.5}
       class:ml-5={$focusStore.focusedColors.includes(idx)}
       class:mr-5={!$focusStore.focusedColors.includes(idx)}
       style="min-height: 40px"
@@ -73,18 +76,18 @@
       <div class="w-full flex flex-col h-full absolute">
         <div
           class="grow h-full"
-          style="background-color: {color.toHex()}"
+          style="background-color: {color.color.toHex()}"
         ></div>
         {#if selectedBlindType !== "none"}
           <div
             class="grow h-full"
-            style={`background-color: ${sim(color)}`}
+            style={`background-color: ${sim(color.color)}`}
           ></div>
         {/if}
       </div>
       <div class="flex justify-between w-full px-2 items-center z-10">
         <span class="flex flex-col items-start">
-          <span>{color.toHex()}</span>
+          <span>{color.color.toHex()}</span>
           {#if colorNames[idx]}<span class="text-right text-xs">
               {colorNames[idx]?.word}
             </span>{/if}
diff --git a/src/linting/EvalResponse.svelte b/src/linting/EvalResponse.svelte
index 93fe27ab..95a3d6c8 100644
--- a/src/linting/EvalResponse.svelte
+++ b/src/linting/EvalResponse.svelte
@@ -82,17 +82,6 @@
     {/if}
 
     <div class="font-bold mt-4">Actions</div>
-    {#if check.isCustom}
-      <button
-        class={buttonStyle}
-        on:click={() => {
-          lintStore.setFocusedLint(check.isCustom);
-          configStore.setEvalDisplayMode("lint-customization");
-        }}
-      >
-        Customize
-      </button>
-    {/if}
     {#if cbMatch}
       <button
         class={buttonStyle}
@@ -146,6 +135,17 @@
         Re-enable
       </button>
     {/if}
+    {#if check.isCustom}
+      <button
+        class={buttonStyle}
+        on:click={() => {
+          lintStore.setFocusedLint(check.isCustom);
+          configStore.setEvalDisplayMode("lint-customization");
+        }}
+      >
+        Customize
+      </button>
+    {/if}
 
     {#if requestState === "loading"}
       <div>Loading...</div>
diff --git a/src/linting/ExplanationViewer.svelte b/src/linting/ExplanationViewer.svelte
index f2ba8da7..c6e9133a 100644
--- a/src/linting/ExplanationViewer.svelte
+++ b/src/linting/ExplanationViewer.svelte
@@ -56,7 +56,7 @@
     {:else}
       <button
         on:click|stopPropagation={(e) => {
-          const hexes = colors.map((x) => x.toHex().toLowerCase());
+          const hexes = colors.map((x) => x.color.toHex().toLowerCase());
           const idx = hexes.findIndex((x) => x === block.content.toLowerCase());
           focusStore.setColors(
             dealWithFocusEvent(e, idx, $focusStore.focusedColors)
diff --git a/src/linting/LintCustomizationPreview.svelte b/src/linting/LintCustomizationPreview.svelte
index 94065a6c..a731ab3d 100644
--- a/src/linting/LintCustomizationPreview.svelte
+++ b/src/linting/LintCustomizationPreview.svelte
@@ -3,6 +3,7 @@
   import Tooltip from "../components/Tooltip.svelte";
   import { Color } from "../lib/Color";
   import Background from "../components/Background.svelte";
+  import { wrapInBlankSemantics } from "../lib/utils";
   import type { Palette } from "../types";
   import { buttonStyle } from "../lib/styles";
   export let pal: Palette;
@@ -20,12 +21,14 @@
       <div slot="content" class="flex flex-col">
         <input
           class="mb-2"
-          value={color.toHex()}
+          value={color.color.toHex()}
           on:change={(e) => {
             // @ts-ignore
             const val = e.target.value;
             const newColors = [...pal.colors];
-            newColors[idx] = Color.colorFromString(val, pal.colorSpace);
+            newColors[idx] = wrapInBlankSemantics(
+              Color.colorFromString(val, pal.colorSpace)
+            );
             updatePal({ ...pal, colors: newColors });
           }}
         />
@@ -40,10 +43,10 @@
             });
           }}
           colorMode={pal.colorSpace}
-          {color}
+          color={color.color}
           onColorChange={(newColor) => {
             const newColors = [...pal.colors];
-            newColors[idx] = newColor;
+            newColors[idx] = wrapInBlankSemantics(newColor);
             updatePal({ ...pal, colors: newColors });
           }}
         />
@@ -56,6 +59,40 @@
         >
           Remove
         </button>
+        <div class="font-bold">Tags</div>
+        <div class="flex flex-wrap">
+          {#each color.tags as tag, jdx}
+            <div class={buttonStyle}>
+              {tag}
+              <button
+                on:click={() => {
+                  const newColors = [...pal.colors];
+                  newColors[idx] = {
+                    ...newColors[idx],
+                    tags: newColors[idx].tags.filter((_, i) => i !== jdx),
+                  };
+                  updatePal({ ...pal, colors: newColors });
+                }}
+              >
+                ✕
+              </button>
+            </div>
+          {/each}
+        </div>
+        <input
+          placeholder="Enter tag here"
+          on:keydown={(e) => {
+            if (e.key === "Enter") {
+              const newColors = [...pal.colors];
+              newColors[idx] = {
+                ...newColors[idx],
+                tags: [...newColors[idx].tags, e.currentTarget.value],
+              };
+              updatePal({ ...pal, colors: newColors });
+              e.currentTarget.value = "";
+            }
+          }}
+        />
       </div>
       <button
         let:toggle
@@ -66,9 +103,10 @@
         class={"w-6 h-6 mx-2 rounded-full transition-all"}
         class:border-4={blamedSet.has(idx)}
         class:border-dashed={blamedSet.has(idx)}
-        class:border-black={blamedSet.has(idx) && color.luminance() > 0.5}
-        class:border-white={blamedSet.has(idx) && color.luminance() <= 0.5}
-        style="background-color: {color.toDisplay()}"
+        class:border-black={blamedSet.has(idx) && color.color.luminance() > 0.5}
+        class:border-white={blamedSet.has(idx) &&
+          color.color.luminance() <= 0.5}
+        style="background-color: {color.color.toDisplay()}"
       ></button>
     </Tooltip>
   {/each}
@@ -77,7 +115,10 @@
       <button
         class={buttonStyle}
         on:click={() => {
-          const newColors = [...pal.colors, Color.colorFromString("steelblue")];
+          const newColors = [
+            ...pal.colors,
+            wrapInBlankSemantics(Color.colorFromString("steelblue")),
+          ];
           updatePal({ ...pal, colors: newColors });
         }}
       >
@@ -106,7 +147,7 @@
         }}
       />
       <div>
-        Colors: [{pal.colors.map((x) => `"${x.toHex()}"`).join(", ")}]
+        Colors: [{pal.colors.map((x) => `"${x.color.toHex()}"`).join(", ")}]
       </div>
     </div>
     <button slot="target" let:toggle on:click={toggle}>⚙</button>
diff --git a/src/linting/LintCustomizationTab.svelte b/src/linting/LintCustomizationTab.svelte
index 164a7795..41b4018e 100644
--- a/src/linting/LintCustomizationTab.svelte
+++ b/src/linting/LintCustomizationTab.svelte
@@ -311,6 +311,10 @@
           }}
         />
       </div>
+      <div>
+        <div class="font-bold">Lint Self Description (from the program):</div>
+        <div>{lintRun?.naturalLanguageProgram}</div>
+      </div>
       <div class="flex">
         Show Compare Debug In Terminal
         <Nav
diff --git a/src/scatterplot/ColorScatterPlot.svelte b/src/scatterplot/ColorScatterPlot.svelte
index 1dc7652b..95ff68a7 100644
--- a/src/scatterplot/ColorScatterPlot.svelte
+++ b/src/scatterplot/ColorScatterPlot.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { Palette } from "../types";
+  import type { Palette, ColorWrap } from "../types";
   import { Color, colorPickerConfig } from "../lib/Color";
   import {
     makePosAndSizes,
@@ -10,6 +10,7 @@
     makeScales,
     dragEventToColorZ,
     dragEventToColorXY,
+    wrapInBlankSemantics,
   } from "../lib/utils";
   import configStore from "../stores/config-store";
   import { scaleLinear } from "d3-scale";
@@ -25,7 +26,7 @@
 
   export let width = 256;
   export let height = 256;
-  export let onColorsChange: (color: Color[]) => void;
+  export let onColorsChange: (color: ColorWrap<Color>[]) => void;
   export let onFocusedColorsChange: (color: number[]) => void;
   export let startDragging: () => void;
   export let stopDragging: () => void;
@@ -43,12 +44,15 @@
     z: $configStore.zZoom,
   };
   $: pickedColors = focusedColors
-    .map((x) => colors[x])
+    .map((x) => colors[x].color)
     .filter((x) => x)
     .map((el) => [x(el), y(el), z(el)]);
   $: config = colorPickerConfig[colorSpace];
   $: bg = Pal.background;
-  $: colors = Pal.colors.map((x) => Color.toColorSpace(x, colorSpace));
+  $: colors = Pal.colors.map((x) => ({
+    ...x,
+    color: Color.toColorSpace(x.color, colorSpace),
+  }));
 
   $: domainXScale = scaleLinear().domain([0, 1]).range(config.xDomain);
   $: xScale = scaleLinear()
@@ -76,10 +80,28 @@
   // bound box for selected colors
   $: pos = makePosAndSizes(pickedColors);
 
-  let originalColors = [] as Color[];
+  let originalColors = [] as ColorWrap<Color>[];
   $: bgLum = bg.luminance();
-  $: axisColor = bgLum > 0.4 ? "#00000022" : "#ffffff55";
-  $: textColor = bgLum > 0.4 ? "#00000066" : "#ffffffaa";
+  const findColorWithTag = (
+    colors: ColorWrap<Color>[],
+    tag: string
+  ): ColorWrap<Color> | undefined => {
+    return colors.find((x) =>
+      x.tags.some((y) => y.toLowerCase() === tag.toLowerCase())
+    );
+  };
+  $: taggedAxisColor = findColorWithTag(colors, "axis");
+  $: axisColor = taggedAxisColor
+    ? taggedAxisColor.color.toHex()
+    : bgLum > 0.4
+      ? "#00000022"
+      : "#ffffff55";
+  $: taggedTextColor = findColorWithTag(colors, "text");
+  $: textColor = taggedTextColor
+    ? taggedTextColor.color.toHex()
+    : bgLum > 0.4
+      ? "#00000066"
+      : "#ffffffaa";
   $: selectionColor = bgLum > 0.35 ? "#55330066" : "#ffeeccaa";
 
   let hoveredIndex: number | false = false;
@@ -291,7 +313,7 @@
 
   function puttingEnd() {
     if (!puttingPreview) return;
-    onColorsChange([...colors, puttingPreview as Color]);
+    onColorsChange([...colors, wrapInBlankSemantics(puttingPreview as Color)]);
     setTimeout(() => {
       configStore.setScatterplotMode("moving");
     }, 10);
@@ -357,7 +379,7 @@
             {#each colors as color, i}
               {#if scatterPlotMode === "moving"}
                 <circle
-                  {...CircleProps(color, i)}
+                  {...CircleProps(color.color, i)}
                   stroke={interactionMode === "drag" &&
                   focusedColors.length === 1
                     ? "white"
@@ -376,15 +398,15 @@
               {/if}
               {#if scatterPlotMode !== "moving"}
                 <circle
-                  {...CircleProps(color, i)}
+                  {...CircleProps(color.color, i)}
                   on:mouseenter|preventDefault={() => hoverPoint(i)}
                 />
               {/if}
-              {#if !color.inGamut() && $configStore.showGamutMarkers}
+              {#if !color.color.inGamut() && $configStore.showGamutMarkers}
                 <GamutMarker
-                  xPos={x(color)}
-                  yPos={y(color)}
-                  lum={color.luminance()}
+                  xPos={x(color.color)}
+                  yPos={y(color.color)}
+                  lum={color.color.luminance()}
                   selected={focusSet.has(i)}
                 />
               {/if}
@@ -394,8 +416,8 @@
                 stroke-dasharray="5,5"
                 x1={x(blindColor)}
                 y1={y(blindColor)}
-                x2={x(colors[i])}
-                y2={y(colors[i])}
+                x2={x(colors[i].color)}
+                y2={y(colors[i].color)}
                 stroke={blindColor.toDisplay()}
                 stroke-width="1"
               />
@@ -483,10 +505,15 @@
 
         {#if typeof hoveredPoint !== "boolean"}
           <g transform={`translate(0, ${height - margin.bottom})`}>
-            <circle fill={hoveredPoint.toDisplay()} cx={6} cy={-7.5} r="6" />
-            <text fill={textColor} x={15}>{hoveredPoint.toHex()}</text>
+            <circle
+              fill={hoveredPoint.color.toDisplay()}
+              cx={6}
+              cy={-7.5}
+              r="6"
+            />
+            <text fill={textColor} x={15}>{hoveredPoint.color.toHex()}</text>
             <text fill={textColor} y="15">
-              {hoveredPoint.toPrettyString()}
+              {hoveredPoint.color.toPrettyString()}
             </text>
           </g>
         {/if}
@@ -515,7 +542,7 @@
             {#each colors as color, i}
               {#if scatterPlotMode === "moving"}
                 <rect
-                  {...RectProps(color, i)}
+                  {...RectProps(color.color, i)}
                   on:mousedown|preventDefault={pointMouseDown}
                   on:mouseup|preventDefault={pointMouseUp(i)}
                   on:mouseleave|preventDefault={switchToDragPoint(i)}
@@ -529,7 +556,7 @@
                 />
               {:else}
                 <rect
-                  {...RectProps(color, i)}
+                  {...RectProps(color.color, i)}
                   on:mouseenter|preventDefault={() => hoverPoint(i)}
                 />
               {/if}
diff --git a/src/scatterplot/ColorScatterPlotPolarGuide.svelte b/src/scatterplot/ColorScatterPlotPolarGuide.svelte
index 9bf904e2..eb38914f 100644
--- a/src/scatterplot/ColorScatterPlotPolarGuide.svelte
+++ b/src/scatterplot/ColorScatterPlotPolarGuide.svelte
@@ -63,9 +63,9 @@
     coords[xIdx] = r;
     coords[yIdx] = angle;
     coords[zIdx] = focusedColors.length
-      ? colors[focusedColors[0]].toChannels()[zIdx]
+      ? colors[focusedColors[0]].color.toChannels()[zIdx]
       : colors.length
-        ? colors[0].toChannels()[zIdx]
+        ? colors[0].color.toChannels()[zIdx]
         : 0;
     return Color.colorFromChannels(coords, colorSpace as any).toDisplay();
   };
diff --git a/src/scatterplot/ColorScatterPlotXYGuides.svelte b/src/scatterplot/ColorScatterPlotXYGuides.svelte
index bfabafb9..17388747 100644
--- a/src/scatterplot/ColorScatterPlotXYGuides.svelte
+++ b/src/scatterplot/ColorScatterPlotXYGuides.svelte
@@ -55,7 +55,7 @@
   const bgResolution = 15;
   const avgNums = (nums: number[]) =>
     nums.reduce((acc, x) => acc + x, 0) / nums.length;
-  $: fColors = focusedColors.map((x) => colors[x].toChannels());
+  $: fColors = focusedColors.map((x) => colors[x].color.toChannels());
   $: fillColor = (i: number, j: number) => {
     const coords = [0, 0, 0] as [number, number, number];
     coords[config.xChannelIndex] = xNonDimScale(i / bgResolution);
diff --git a/src/stores/color-store.ts b/src/stores/color-store.ts
index 9bbb839b..ea36689e 100644
--- a/src/stores/color-store.ts
+++ b/src/stores/color-store.ts
@@ -1,6 +1,6 @@
 import { writable } from "svelte/store";
 import { Color } from "../lib/Color";
-import { deDup, newGenericPal } from "../lib/utils";
+import { deDup, newGenericPal, wrapInBlankSemantics } from "../lib/utils";
 
 import type {
   Palette,
@@ -9,6 +9,7 @@ import type {
   ColorSpace,
   Context,
   Affect,
+  ColorWrap,
 } from "../types";
 
 interface StoreData {
@@ -22,11 +23,20 @@ interface StorageData {
 }
 
 function stringPalToColorPal(pal: StringPalette): Palette {
-  return {
+  const result = {
     ...pal,
     background: Color.colorFromString(pal.background, pal.colorSpace),
-    colors: pal.colors.map((x) => Color.colorFromString(x, pal.colorSpace)),
+    colors: pal.colors.map((x) => {
+      // catch old versions
+      if (typeof x === "string") {
+        return wrapInBlankSemantics(Color.colorFromString(x, pal.colorSpace));
+      }
+      const color = Color.colorFromString(x.color, pal.colorSpace);
+      return { ...x, color };
+    }),
   };
+
+  return result;
 }
 
 const InitialStore: StorageData = {
@@ -50,7 +60,10 @@ function convertStoreColorToHex(store: StoreData): StorageData {
     palettes: store.palettes.map((x) => ({
       ...x,
       background: x.background.toString(),
-      colors: x.colors.map((y) => y.toString()),
+      colors: x.colors.map((y) => ({
+        ...y,
+        color: y.color.toString(),
+      })),
     })),
     currentPal: store.currentPal,
   };
@@ -157,7 +170,8 @@ function createStore() {
     },
 
     setCurrentPal: (pal: Palette) => palUp(() => pal),
-    setCurrentPalColors: (colors: Color[]) => palUp((n) => ({ ...n, colors })),
+    setCurrentPalColors: (colors: ColorWrap<Color>[]) =>
+      palUp((n) => ({ ...n, colors })),
     startUsingPal: (indx: number) => {
       persistUpdate((n) => ({ ...n, currentPal: indx }));
     },
@@ -182,7 +196,8 @@ function createStore() {
         const newPal = { ...n[index], name: `${n[index].name} copy` };
         return [...n.slice(0, index), newPal, ...n.slice(index)];
       }),
-    setSort: (sort: Color[]) => palUp((n) => ({ ...n, colors: deDup(sort) })),
+    setSort: (sort: ColorWrap<Color>[]) =>
+      palUp((n) => ({ ...n, colors: deDup(sort) })),
     setCurrentPalName: (name: string) => palUp((n) => ({ ...n, name })),
     setCurrentPalType: (type: PalType) => palUp((n) => ({ ...n, type })),
     setCurrentAffects: (intendedAffects: Affect[]) =>
@@ -192,7 +207,7 @@ function createStore() {
 
     setCurrentPalEvalConfig: (evalConfig: Record<string, any>) =>
       palUp((n) => ({ ...n, evalConfig: hardCopy(evalConfig) })),
-    addColorToCurrentPal: (color: Color) =>
+    addColorToCurrentPal: (color: ColorWrap<Color>) =>
       palUp((n) => ({ ...n, colors: [...n.colors, color] })),
     setBackground: (color: Color) =>
       palUp((n) => ({ ...n, background: color })),
@@ -203,7 +218,10 @@ function createStore() {
         ...n,
         colorSpace,
         background: Color.toColorSpace(n.background, colorSpace),
-        colors: n.colors.map((x) => Color.toColorSpace(x, colorSpace)),
+        colors: n.colors.map((x) => ({
+          ...x,
+          color: Color.toColorSpace(x.color, colorSpace),
+        })),
       })),
     clearPalettes: () =>
       persistUpdate(() => ({
diff --git a/src/stores/lint-store.ts b/src/stores/lint-store.ts
index fcd4375f..a84ad805 100644
--- a/src/stores/lint-store.ts
+++ b/src/stores/lint-store.ts
@@ -10,7 +10,7 @@ import type {
 } from "../types";
 import { Color } from "../lib/Color";
 import type { LintResult } from "../lib/ColorLint";
-import { JSONStringify } from "../lib/utils";
+import { JSONStringify, wrapInBlankSemantics } from "../lib/utils";
 import { BUILT_INS } from "../lib/linter";
 import { loadLints } from "../lib/api-calls";
 
@@ -39,7 +39,10 @@ function serializePalette(pal: Palette): StringPalette {
   return {
     ...pal,
     background: pal.background.toString(),
-    colors: pal.colors.map((x) => x.toString()),
+    colors: pal.colors.map((x) => ({
+      ...x,
+      color: x.color.toString(),
+    })),
   };
 }
 
@@ -47,7 +50,13 @@ function deserializePalette(pal: StringPalette): Palette {
   return {
     ...pal,
     background: Color.colorFromString(pal.background, pal.colorSpace),
-    colors: pal.colors.map((x) => Color.colorFromString(x, pal.colorSpace)),
+    colors: pal.colors.map((x) => {
+      if (typeof x === "string") {
+        return wrapInBlankSemantics(Color.colorFromString(x, pal.colorSpace));
+      }
+      const color = Color.colorFromString(x.color, pal.colorSpace);
+      return { ...x, color };
+    }),
   };
 }
 
diff --git a/src/types.ts b/src/types.ts
index 4d77320b..85a61b5d 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -15,7 +15,7 @@ export const contexts = ["scatterplot", "linechart", "barchart", "dashboard"];
 
 export type Context = (typeof contexts)[number];
 
-// Todo make this connect witht the color system
+// Todo make this connect with the color system
 export type ColorSpace =
   | "lab"
   | "hsl"
@@ -28,22 +28,28 @@ export type ColorSpace =
   | "srgb";
 
 // pretty nervous about the role stuff bc it will mean a lot of index manipulation to keep things straight when things get reordered
-type ColorSemantics = {
-  role?: "background" | "text" | "accent" | "de-emphasize" | "main";
-  size?: "small" | "medium" | "large";
-  // what does main mean?
-  use?: "main" | "accent" | "de-emphasize";
+export type ColorWrap<A> = {
+  // markType:
+  //   | undefined
+  //   | "line"
+  //   | "point"
+  //   | "bar"
+  //   | "area"
+  //   | "text"
+  //   | "background";
+  // size: undefined | "small" | "medium" | "large";
+  tags: string[];
+  color: A;
 };
 type Pal<A> = {
   background: A;
   colorSpace: ColorSpace;
-  colors: A[];
+  colors: ColorWrap<A>[];
   evalConfig: Record<string, any>;
-  name: string;
-  type: PalType;
   intendedAffects: Affect[];
   intendedContexts: Context[];
-  // todo: colorRole: Role[]
+  name: string;
+  type: PalType;
 };
 export type PalType = "sequential" | "diverging" | "categorical";
 export type Palette = Pal<Color>;