colors.scss 1.17 KB
Newer Older
1 2
$colors: (
  // Neutral
3 4 5 6 7 8 9 10 11
  n100: #1e2024,
  n200: #24272b,
  n300: #33373d,
  n400: #454a52,
  n500: #6e7378,
  n600: #a2a5a8,
  n700: #cdcfd4,
  n800: #f2f3f7,
  n900: #fafbff,
Tasso Evangelista's avatar
Tasso Evangelista committed
12

13
  // Blues
14 15 16 17 18 19 20 21 22
  b100: #172a40,
  b200: #1b3859,
  b300: #214f85,
  b400: #376dbd,
  b500: #4081e3,
  b600: #559af2,
  b700: #8ab8f2,
  b800: #b1d2fc,
  b900: #d9eaff,
Tasso Evangelista's avatar
Tasso Evangelista committed
23

24
  // Greens
25 26 27 28
  g100: #106d4f,
  g200: #158d65,
  g300: #19ac7c,
  g400: #1ecb92,
29
  g500: #2de0a5,
30 31 32 33
  g600: #6ce9c0,
  g700: #96f0d2,
  g800: #c0f6e4,
  g900: #e5fbf4,
Tasso Evangelista's avatar
Tasso Evangelista committed
34

35
  // Reds
36 37 38 39 40 41 42 43 44
  r200: #f7d0d5,
  r300: #332123,
  r400: #4d2026,
  r500: #7a2c36,
  r600: #b03e4d,
  r700: #de475b,
  r800: #f56275,
  r900: #fa8c9a,
  r100: #fab4bd,
Tasso Evangelista's avatar
Tasso Evangelista committed
45

46
  // Yellows
47 48 49 50
  y100: #8e6d00,
  y200: #b68d00,
  y300: #dfac00,
  y400: #f3be08,
51
  y500: #ffd031,
52 53 54 55 56
  y600: #ffd95a,
  y700: #ffe383,
  y800: #ffecad,
  y900: #fff6d6,
  
57
  // Purples
58 59 60 61
  p100: #350b42,
  p200: #4a105d,
  p300: #5f1477,
  p400: #7f1b9f,
62
  p500: #9f22c7,
63 64 65 66
  p600: #ca71e7,
  p700: #dca0ef,
  p800: #edd0f7,
  p900: #f9effc,
Tasso Evangelista's avatar
Tasso Evangelista committed
67

68
  // Oranges
69 70 71 72
  o100: #713607,
  o200: #974809,
  o300: #bd5a0b,
  o400: #e26d0e,
73
  o500: #f38c39,
74 75 76 77
  o600: #f59b53,
  o700: #f7b27b,
  o800: #fad1b0,
  o900: #fde8d7,
Tasso Evangelista's avatar
Tasso Evangelista committed
78

79 80
  'white': #ffffff,
);