incr(ui): change grays

- more linear interpolation and slate

tailwind.config.js

@@ -61,15 +61,16 @@ module.exports = {
         'brand-100': '#f4f9ff',
         black: '#112B42',
         gray: {
-          100: '#f4f4f6',
-          200: '#e9ebed',
-          300: '#dfe1e2',
-          400: '#cccfd1',
-          500: '#b7bfc6',
-          600: '#a1abb4',
-          700: '#9fa5a8',
-          800: '#7f878a',
-          900: '#415668',
+          50: '#f8f9fc',
+          100: '#f2f4f8',
+          200: '#ebeff5',
+          300: '#e2e8f0',
+          400: '#cad5e2',
+          500: '#9aa8bc',
+          600: '#8493a9',
+          700: '#64748b',
+          800: '#475569',
+          900: '#334155',
         },
         red: {
           100: '#fff5f5',
@@ -160,15 +161,15 @@ module.exports = {
           900: '#44337a',
         },
         pink: {
-          100: '#fff5f7',
-          200: '#fed7e2',
-          300: '#fbb6ce',
-          400: '#f687b3',
-          500: '#ed64a6',
-          600: '#d53f8c',
-          700: '#b83280',
-          800: '#97266d',
-          900: '#702459',
+          100: '#fdf7f8',
+          200: '#fbeef1',
+          300: '#f7dee5',
+          400: '#eec3d2',
+          500: '#df9eb8',
+          600: '#cf82a7',
+          700: '#ac688b',
+          800: '#8f5b79',
+          900: '#70485f',
         },
       },
     },