github.com/outbrain/consul@v1.4.5/ui-v2/app/styles/base/color/base-variables.scss (about)

     1  $brand-gray-050: #f5f6f7;
     2  $brand-gray-100: #e1e4e7;
     3  $brand-gray-200: #cdd3d7;
     4  $brand-gray-300: #b9c1c7;
     5  $brand-gray-400: #a5b0b7;
     6  $brand-gray-500: #919fa8;
     7  $brand-gray-600: #77838a;
     8  $brand-gray-700: #5d666b;
     9  $brand-gray-800: #42494d;
    10  $brand-gray-900: #282c2e;
    11  $brand-magenta-050: #f9ebf2;
    12  $brand-magenta-100: #efc4d8;
    13  $brand-magenta-200: #e59ebe;
    14  $brand-magenta-300: #da77a4;
    15  $brand-magenta-400: #d0508a;
    16  $brand-magenta-500: #c62a71;
    17  $brand-magenta-600: #9e2159;
    18  $brand-magenta-700: #7d1a47;
    19  $brand-magenta-800: #5a1434;
    20  $brand-magenta-900: #360c1f;
    21  $brand-blue-050: #f0f5ff;
    22  $brand-blue-100: #bfd4ff;
    23  $brand-blue-200: #8ab1ff;
    24  $brand-blue-300: #5b92ff;
    25  $brand-blue-400: #387aff;
    26  $brand-blue-500: #1563ff;
    27  $brand-blue-600: #0f4fd1;
    28  $brand-blue-700: #0e40a3;
    29  $brand-blue-800: #0a2d74;
    30  $brand-blue-900: #061b46;
    31  $brand-purple-050: #eeedfc;
    32  $brand-purple-100: #d5d2f7;
    33  $brand-purple-200: #aea7f2;
    34  $brand-purple-300: #8d83ed;
    35  $brand-purple-400: #7568e8;
    36  $brand-purple-500: #5c4ee5;
    37  $brand-purple-600: #4c40bc;
    38  $brand-purple-700: #3b3292;
    39  $brand-purple-800: #2a2469;
    40  $brand-purple-900: #1a163f;
    41  $brand-teal-050: #ebf8f3;
    42  $brand-teal-100: #c3ecdc;
    43  $brand-teal-200: #9bdfc5;
    44  $brand-teal-300: #74d3ae;
    45  $brand-teal-400: #4cc679;
    46  $brand-teal-500: #25ba81;
    47  $brand-teal-600: #1f996a;
    48  $brand-teal-700: #187753;
    49  $brand-teal-800: #11553b;
    50  $brand-teal-900: #0b3324;
    51  $brand-cyan-050: #e7f8ff;
    52  $brand-cyan-100: #b9ecff;
    53  $brand-cyan-200: #8be0ff;
    54  $brand-cyan-300: #5cd3ff;
    55  $brand-cyan-400: #2ec7ff;
    56  $brand-cyan-500: #00bbff;
    57  $brand-cyan-600: #009fd9;
    58  $brand-cyan-700: #0077a3;
    59  $brand-cyan-800: #005574;
    60  $brand-cyan-900: #003346;
    61  $ui-gray-1: #191a1c;
    62  $ui-gray-2: #323538;
    63  $ui-gray-3: #4c4f54;
    64  $ui-gray-4: #656a70;
    65  $ui-gray-5: #7f858d;
    66  $ui-gray-6: #9a9ea5;
    67  $ui-gray-7: #b4b8bc;
    68  $ui-gray-8: #d0d2d5;
    69  $ui-gray-9: #ebecee;
    70  $ui-gray-10: #f3f4f6;
    71  $ui-gray-050: #f7f8fa;
    72  $ui-gray-100: #ebeef2;
    73  $ui-gray-200: #dce0e6;
    74  $ui-gray-300: #bac1cc;
    75  $ui-gray-400: #8e96a3;
    76  $ui-gray-500: #6f7682;
    77  $ui-gray-600: #626873;
    78  $ui-gray-700: #525761;
    79  $ui-gray-800: #373a42;
    80  $ui-gray-900: #1f2124;
    81  $ui-green-050: #ecf7ed;
    82  $ui-green-100: #c6e9c9;
    83  $ui-green-200: #a0dba5;
    84  $ui-green-300: #7acc81;
    85  $ui-green-400: #54be5d;
    86  $ui-green-500: #2eb039;
    87  $ui-green-600: #26912f;
    88  $ui-green-700: #1e7125;
    89  $ui-green-800: #15501a;
    90  $ui-green-900: #0d3010;
    91  $ui-blue-050: #f0f5ff;
    92  $ui-blue-100: #bfd4ff;
    93  $ui-blue-200: #8ab1ff;
    94  $ui-blue-300: #5b92ff;
    95  $ui-blue-400: #387aff;
    96  $ui-blue-500: #1563ff;
    97  $ui-blue-600: #0f4fd1;
    98  $ui-blue-700: #0e40a3;
    99  $ui-blue-800: #0a2d74;
   100  $ui-blue-900: #061b46;
   101  $ui-red-050: #f9ecee;
   102  $ui-red-100: #efc7cc;
   103  $ui-red-200: #e5a2aa;
   104  $ui-red-300: #db7d88;
   105  $ui-red-400: #d15866;
   106  $ui-red-500: #c73445;
   107  $ui-red-600: #a32b39;
   108  $ui-red-700: #7f222c;
   109  $ui-red-800: #5b1820;
   110  $ui-red-900: #370f13;
   111  $ui-orange-050: #fef4ec;
   112  $ui-orange-100: #fde0c8;
   113  $ui-orange-200: #fccca4;
   114  $ui-orange-300: #fbb77f;
   115  $ui-orange-400: #faa35b;
   116  $ui-orange-500: #fa8f37;
   117  $ui-orange-600: #cd762e;
   118  $ui-orange-700: #a05c23;
   119  $ui-orange-800: #724119;
   120  $ui-orange-900: #45270f;
   121  $ui-yellow-050: #fffbed;
   122  $ui-yellow-100: #fdeeba;
   123  $ui-yellow-200: #fce48c;
   124  $ui-yellow-300: #fbd95e;
   125  $ui-yellow-400: #face30;
   126  $ui-yellow-500: #fac402;
   127  $ui-yellow-600: #cda102;
   128  $ui-yellow-700: #a07d02;
   129  $ui-yellow-800: #725a01;
   130  $ui-yellow-900: #453601;
   131  $transparent: transparent;
   132  $ui-white: #fff;
   133  $ui-black: #000;