Express workspace in terms of new components

Co-Authored-By: Nate Butler <1714999+iamnbutler@users.noreply.github.com>

styles/core.ts

@@ -1,10 +1,6 @@
-import color from "./core.color";
-
-export type Color = string;
+import { colorRamp } from "./lib";
 
 export default {
-  color: color,
-
   fontFamily: {
     sans: "Zed Sans",
     mono: "Zed Mono",
@@ -39,4 +35,24 @@ export default {
       type: "fontSizes",
     },
   },
+  color: {
+    neutral: colorRamp(["black", "white"], { steps: 21, increment: 50 }),
+    rose: colorRamp("#F43F5EFF"),
+    red: colorRamp("#EF4444FF"),
+    orange: colorRamp("#F97316FF"),
+    amber: colorRamp("#F59E0BFF"),
+    yellow: colorRamp("#EAB308FF"),
+    lime: colorRamp("#84CC16FF"),
+    green: colorRamp("#22C55EFF"),
+    emerald: colorRamp("#10B981FF"),
+    teal: colorRamp("#14B8A6FF"),
+    cyan: colorRamp("#06BBD4FF"),
+    sky: colorRamp("#0EA5E9FF"),
+    blue: colorRamp("#3B82F6FF"),
+    indigo: colorRamp("#6366F1FF"),
+    violet: colorRamp("#8B5CF6FF"),
+    purple: colorRamp("#A855F7FF"),
+    fuschia: colorRamp("#D946E4FF"),
+    pink: colorRamp("#EC4899FF"),
+  },
 };