Sort colors into color spectrum

1 files changed, 22 insertions, 8 deletions

diff --git a/packages/website/ts/utils/colors.ts b/packages/website/ts/utils/colors.ts
index 5523f581e..c65a3a622 100644
--- a/packages/website/ts/utils/colors.ts
+++ b/packages/website/ts/utils/colors.ts
@@ -2,28 +2,42 @@ import {colors as materialUiColors} from 'material-ui/styles';
 
 export const colors = {
     ...materialUiColors,
-    beigeWhite: '#E4E4E4',
-    greyishPink: '#E6E5E5',
+    grey50: '#FAFAFA',
+    grey100: '#F5F5F5',
     lightestGrey: '#F0F0F0',
+    greyishPink: '#E6E5E5',
+    grey300: '#E0E0E0',
+    beigeWhite: '#E4E4E4',
+    grey400: '#BDBDBD',
     lightGrey: '#BBBBBB',
+    grey500: '#9E9E9E',
     grey: '#A5A5A5',
     darkGrey: '#818181',
+    landingLinkGrey: '#919191',
+    grey700: '#616161',
+    grey800: '#424242',
     darkerGrey: '#393939',
     heroGrey: '#404040',
     projectsGrey: '#343333',
-    landingLinkGrey: '#919191',
     darkestGrey: '#272727',
     dharmaDarkGrey: '#252525',
     lightBlue: '#60A4F4',
+    lightBlueA700: '#0091EA',
     darkBlue: '#4D5481',
+    turquois: '#058789',
     lightPurple: '#A81CA6',
     purple: '#690596',
+    red200: '#EF9A9A',
     red: '#E91751',
-    turquois: '#058789',
-    orange: '#E69D00',
-    lightestGreen: '#89C774',
-    lightGreen: '#4DC55C',
+    red500: '#F44336',
+    red600: '#E53935',
     limeGreen: '#66DE75',
-    green: '#4DA24B',
+    lightGreen: '#4DC55C',
+    lightestGreen: '#89C774',
     brightGreen: '#00C33E',
+    green400: '#66BB6A',
+    green: '#4DA24B',
+    amber600: '#FFB300',
+    orange: '#E69D00',
+    amber800: '#FF8F00',
 };