feat: add forma 36 colors (#2)

ucarion · Jan 14, 2022 · 99932ad · 99932ad
1 parent 5011c03
commit 99932ad
Show file tree

Hide file tree

Showing 2 changed files with 102 additions and 0 deletions.
diff --git a/src/App/index.tsx b/src/App/index.tsx
@@ -178,6 +178,7 @@ export default function App() {
               <option>Ant Financial (Ant Design)</option>
               <option>Segment (Evergreen)</option>
               <option>GitHub (Primer)</option>
+              <option>Contentful (Forma 36)</option>
             </Form.Control>
           </Form>
 

diff --git a/src/App/presets.ts b/src/App/presets.ts
@@ -1083,5 +1083,106 @@ export const PRESETS: Palette[] = [
         hexToRGB("#6d224f")
       ]
     ]
+  },
+  {
+    hues: [
+      "Gray",
+      "Blue",
+      "Green",
+      "Red",
+      "Purple",
+      "Orange",
+      "Yellow"
+    ],
+    shades: [
+      "100",
+      "200",
+      "300",
+      "400",
+      "500",
+      "600",
+      "700",
+      "800",
+      "900"
+    ],
+    colors: [
+      [
+        hexToRGB("#F7F9FA"),
+        hexToRGB("#E7EBEE"),
+        hexToRGB("#CFD9E0"),
+        hexToRGB("#AEC1CC"),
+        hexToRGB("#67728A"),
+        hexToRGB("#5A657C"),
+        hexToRGB("#414D63"),
+        hexToRGB("#1B273A"),
+        hexToRGB("#111B2B")
+      ],
+      [
+        hexToRGB("#E8F5FF"),
+        hexToRGB("#CEECFF"),
+        hexToRGB("#98CBFF"),
+        hexToRGB("#40A0FF"),
+        hexToRGB("#036FE3"),
+        hexToRGB("#0059C8"),
+        hexToRGB("#0041AB"),
+        hexToRGB("#003298"),
+        hexToRGB("#002A8E")
+      ],
+      [
+        hexToRGB("#EAF9E8"),
+        hexToRGB("#CDF3C6"),
+        hexToRGB("#9ED696"),
+        hexToRGB("#5DB057"),
+        hexToRGB("#008539"),
+        hexToRGB("#006D23"),
+        hexToRGB("#00550C"),
+        hexToRGB("#004700"),
+        hexToRGB("#003F00")
+      ],
+      [
+        hexToRGB("#FFF2F2"),
+        hexToRGB("#FFE0E0"),
+        hexToRGB("#FFB1B2"),
+        hexToRGB("#FF707D"),
+        hexToRGB("#DA294A"),
+        hexToRGB("#BD002A"),
+        hexToRGB("#990017"),
+        hexToRGB("#7F0010"),
+        hexToRGB("#72000E")
+      ],
+      [
+        hexToRGB("#F7F2FF"),
+        hexToRGB("#EDE3FF"),
+        hexToRGB("#D1BBFF"),
+        hexToRGB("#AE89FF"),
+        hexToRGB("#8553E7"),
+        hexToRGB("#6C3ECF"),
+        hexToRGB("#5127B5"),
+        hexToRGB("#3E16A4"),
+        hexToRGB("#340E9C")
+      ],
+      [
+        hexToRGB("#FFF2E4"),
+        hexToRGB("#FDE5C0"),
+        hexToRGB("#FDB882"),
+        hexToRGB("#F07F23"),
+        hexToRGB("#CC4500"),
+        hexToRGB("#B12D00"),
+        hexToRGB("#892300"),
+        hexToRGB("#731A00"),
+        hexToRGB("#631C00")
+      ],
+      [
+        hexToRGB("#FEF9DF"),
+        hexToRGB("#FFF6CC"),
+        hexToRGB("#FFE993"),
+        hexToRGB("#FFD960"),
+        hexToRGB("#FFC835"),
+        hexToRGB("#EAAF09"),
+        hexToRGB("#B78300"),
+        hexToRGB("#956300"),
+        hexToRGB("#7F5200")
+      ],
+    ]
   }
 ];