Colors inprogress

▼

colors Primary Pallette

▼

  • KU Blue
    Variable Name —$ku-blue
    Hex Value —#0051ba
    RGB Value —rgb(0, 81, 186)
  • Crimson
    Variable Name —$crimson
    Hex Value —#e8000d
    RGB Value —rgb(232, 0, 13)
  • Jayhawk Yellow
    Variable Name —$jayhawk-yellow
    Hex Value —#ffc82d
    RGB Value —rgb(255, 200, 45)
  • Signature Gray
    Variable Name —$signature-gray
    Hex Value —#85898a
    RGB Value —rgb(133, 137, 138)

colors Secondary Pallette

▼

  • Fog
    Variable Name —$fog
    Hex Value —#8e9fbc
    RGB Value —rgb(142, 159, 188)
  • Lake
    Variable Name —$lake
    Hex Value —#2767ff
    RGB Value —rgb(39, 103, 255)
  • Night
    Variable Name —$night
    Hex Value —#003459
    RGB Value —rgb(0, 52, 89)
  • Sky
    Variable Name —$sky
    Hex Value —#73cbf2
    RGB Value —rgb(115, 203, 242)
  • Steam
    Variable Name —$steam
    Hex Value —#dde5ed
    RGB Value —rgb(221, 229, 237)
  • Brick
    Variable Name —$brick
    Hex Value —#971b2f
    RGB Value —rgb(151, 27, 47)
  • Fire
    Variable Name —$fire
    Hex Value —#ff3042
    RGB Value —rgb(255, 48, 66)
  • Limestone
    Variable Name —$limestone
    Hex Value —#d7d2cb
    RGB Value —rgb(215, 210, 203)
  • Terra Cotta
    Variable Name —$terra-cotta
    Hex Value —#c66e4e
    RGB Value —rgb(198, 99, 78)
  • Wheat
    Variable Name —$wheat
    Hex Value —#f2a900
    RGB Value —rgb(242, 169, 0)

colors Primary Color Scales

▼

  • KU Blue
    Variable Name —$ku-blue
    Hex Value —#0051ba
    RGB Value —rgb(0, 81, 186)
  • KU Blue -- 1
    Variable Name —$ku-blue--darker
    Hex Value —#004091
    RGB Value —rgb(0, 64, 145)
  • KU Blue -- 2
    Variable Name —$ku-blue--darkest
    Hex Value —#003171
    RGB Value —rgb(0, 49, 113)
  • KU Blue -- 3
    Variable Name —$ku-blue--lighter
    Hex Value —#0170ff
    RGB Value —rgb(1, 112, 255)
  • KU Blue -- 4
    Variable Name —$ku-blue--lightest
    Hex Value —#1479fb
    RGB Value —rgb(20, 121, 251)
  • Crimson
    Variable Name —$crimson
    Hex Value —#e8000d
    RGB Value —rgb(232, 0, 13)
  • Crimson -- 1
    Variable Name —$crimson--darker
    Hex Value —#b90009
    RGB Value —rgb(185, 0, 9)
  • Crimson -- 2
    Variable Name —$crimson--darkest
    Hex Value —#900007
    RGB Value —rgb(144, 0, 7)
  • Crimson -- 3
    Variable Name —$crimson--lighter
    Hex Value —#fb2f39
    RGB Value —rgb(251, 47, 57)
  • Crimson -- 4
    Variable Name —$crimson--lightest
    Hex Value —#fb5a62
    RGB Value —rgb(251, 90, 98)

colors Secondary Color Scales

▼

  • Fog
    Variable Name —$fog
    Hex Value —#8e9fbc
    RGB Value —rgb(142, 159, 188)
  • Fog -- 1
    Variable Name —$fog--lighter
    Hex Value —#a5b2c9
    RGB Value —rgb(165, 178, 201)
  • Fog -- 2
    Variable Name —$fog--lightest
    Hex Value —#a5b2c9
    RGB Value —rgb(227, 231, 238)
  • Limestone
    Variable Name —$limestone
    Hex Value —#d7d2cb
    RGB Value —rgb(215, 210, 203)
  • Limestone -- 1
    Variable Name —$limestone--lighter
    Hex Value —#dfdbd5
    RGB Value —rgb(223, 219, 213)
  • Limestone -- 2
    Variable Name —$limestone--lightest
    Hex Value —#f5f4f2
    RGB Value —rgb(245, 244, 242)
  • Sky
    Variable Name —$sky
    Hex Value —#73cbf2
    RGB Value —rgb(115, 203, 242)
  • Sky -- 1
    Variable Name —$sky--lighter
    Hex Value —#b6e2f5
    RGB Value —rgb(182, 226, 245)
  • Sky -- 2
    Variable Name —$sky--lightest
    Hex Value —#dcf2fc
    RGB Value —rgb(220, 242, 252)
  • Steam
    Variable Name —$steam
    Hex Value —#dde5ed
    RGB Value —rgb(221, 229, 237)
  • Steam -- 1
    Variable Name —$steam--lighter
    Hex Value —#e7ecf2
    RGB Value —rgb(231, 236, 242)
  • Steam -- 2
    Variable Name —$steam--lightest
    Hex Value —#eff3f7
    RGB Value —rgb(246, 248, 250)

colors Alert Colors

▼

  • Caution
    Variable Name —$caution
    Hex Value —#ecbd3a
    RGB Value —rgb(236, 189, 58)
  • Confirm Action
    Variable Name —$confirm
    Hex Value —#208374
    RGB Value —rgb(32, 131, 116)
  • Dangerous Action
    Variable Name —$danger
    Hex Value —#C50A37
    RGB Value —rgb(197, 10, 55)

colors Gray Scale

▼

  • White
    Variable Name —$white
    Hex Value —#ffffff
    RGB Value —rgb(255, 255, 255)
  • Gray -- 1
    Variable Name —$gray--lighter
    Hex Value —#f1f1f1
    RGB Value —rgb(241, 241, 241)
  • Gray -- 2
    Variable Name —$gray--light
    Hex Value —#d9d9d9
    RGB Value —R226 G227 B228
  • Gray
    Variable Name —$gray
    Hex Value —#aaaaaa
    RGB Value —R216 G216 B216
  • Gray -- 3
    Variable Name —$gray--dark
    Hex Value —#7e7e7e
    RGB Value —rgb(126, 126, 126)
  • Text Gray
    Variable Name —$text-gray
    Hex Value —#333333
    RGB Value —rgb(51, 51, 51)
  • Black
    Variable Name —$black
    Hex Value —#000000
    RGB Value —rgb(0, 0, 0)