Merge pull request #22 from matthewgallo/addNewColors

Added new aqua and indigo colors.
IBM-Design · Oct 13, 2016 · 351bc5f · 351bc5f
2 parents 6f7f366 + e4cb71d
commit 351bc5f
Show file tree

Hide file tree

Showing 3 changed files with 84 additions and 0 deletions.
diff --git a/_ibm-colors.scss b/_ibm-colors.scss
@@ -269,6 +269,32 @@ $__ibm-color-palettes: (
     90: #281e00,
     100: #020100
   ),
+  'aqua': (
+    core: #1e818c,
+    10: #b6eff2,
+    20: #7de1eb,
+    30: #4cc3d2,
+    40: #2ea4b2,
+    50: #1e818c,
+    60: #186a73,
+    70: #0e5158,
+    80: #0c373c,
+    90: #07272b,
+    100: #010203
+  ),
+  'indigo': (
+    core: #6969d4,
+    10: #dedeff,
+    20: #b4b4ff,
+    30: #9b9bff,
+    40: #8282f0,
+    50: #6969d4,
+    60: #4d4d9b,
+    70: #3c3c73,
+    80: #2a2a5a,
+    90: #202041,
+    100: #010102
+  ),
   'gray': (
      core: #777677,
      10: #e0e0e0,

diff --git a/ibm-colors.json b/ibm-colors.json
@@ -103,6 +103,32 @@
     "90": "#281e00",
     "100": "#020100"
   },
+  "aqua": {
+    "core": "#1e818c",
+    "10": "#b6eff2",
+    "20": "#7de1eb",
+    "30": "#4cc3d2",
+    "40": "#2ea4b2",
+    "50": "#1e818c",
+    "60": "#186a73",
+    "70": "#0e5158",
+    "80": "#0c373c",
+    "90": "#07272b",
+    "100": "#010203"
+  },
+  "indigo": {
+    "core": "#6969d4",
+    "10": "#dedeff",
+    "20": "#b4b4ff",
+    "30": "#9b9bff",
+    "40": "#8282f0",
+    "50": "#6969d4",
+    "60": "#4d4d9b",
+    "70": "#3c3c73",
+    "80": "#2a2a5a",
+    "90": "#202041",
+    "100": "#010102"
+  },
   "gray": {
      "core": "#777677",
      "10": "#e0e0e0",

diff --git a/source/colors.js b/source/colors.js
@@ -142,6 +142,38 @@ module.exports = {
         { tone: '100', value: '#020100' }
       ]
     },
+    {
+      name: 'aqua',
+      values: [
+        { tone: 'core', value: '#1e818c' },
+        { tone: '10', value: '#b6eff2' },
+        { tone: '20', value: '#7de1eb' },
+        { tone: '30', value: '#4cc3d2' },
+        { tone: '40', value: '#2ea4b2' },
+        { tone: '50', value: '#1e818c' },
+        { tone: '60', value: '#186a73' },
+        { tone: '70', value: '#0e5158' },
+        { tone: '80', value: '#0c373c' },
+        { tone: '90', value: '#07272b' },
+        { tone: '100', value: '#010203' }
+      ]
+    },
+    {
+      name: 'indigo',
+      values: [
+        { tone: 'core', value: '#6969d4' },
+        { tone: '10', value: '#dedeff' },
+        { tone: '20', value: '#b4b4ff' },
+        { tone: '30', value: '#9b9bff' },
+        { tone: '40', value: '#8282f0' },
+        { tone: '50', value: '#6969d4' },
+        { tone: '60', value: '#4d4d9b' },
+        { tone: '70', value: '#3c3c73' },
+        { tone: '80', value: '#2a2a5a' },
+        { tone: '90', value: '#202041' },
+        { tone: '100', value: '#010102' }
+      ]
+    },
     {
       name: 'gray',
       values: [