KSS Style Guide

Brand Colors

Colors that are used in the theme.

  • #1bb999

    Primary
    main theme color
  • #2c3e51

    Secondary
    secondary theme color
  • #3adb76

    Success
    secondary theme color
  • #de350b

    Warning
    Warning Theme Color
  • #f4f4f4

    Gray1
    secondary theme color
  • #dcdcdc

    Gray2
    secondary theme color
  • #b0bec5

    Gray3
    secondary theme color
  • #eeeeee

    Gray4
    secondary theme color
  • #546e7a

    Dark-gray1
    secondary theme color
  • #37474f

    Dark-gray2
    secondary Dark Grey theme color
  • #000000

    Text
    Theme text color
  • #37474d

    Text-Lighten
    Lighter tex color
  • #ffffff

    Invert
    Theme invert color
  • #fbfbfb

    Invert-darken
    Darken invert color