@pegakit/pegakit/source/_data/colors.sass.json

The living styleguide, pattern library, UI ToolKit, and front-end build tools that power Pega's digital web properties.

{
  "colors": {
    "red": {
      "light": "rgb(245, 230, 230)",
      "base": "rgb(157, 6, 6)",
      "dark": "rgb(49, 2, 2)"
    },
    "orange": {
      "base": "rgb(210, 86, 0)"
    },
    "yellow": {
      "light": "rgb(249, 240, 210)",
      "base": "rgb(221, 174, 37)"
    },
    "green": {
      "light": "rgb(227, 242, 211)",
      "lighter": "rgb(123, 158, 2)",
      "base": "rgb(0, 115, 48)"
    },
    "teal": {
      "base": "rgb(9, 146, 157)"
    },
    "blue": {
      "lightest": "rgb(228, 244, 255)",
      "lighter": "rgb(176, 223, 255)",
      "light": "rgb(66, 177, 255)",
      "base": "rgb(0, 146, 248)",
      "dark": "rgb(0, 92, 156)",
      "darker": "rgb(0, 48, 81)"
    },
    "navy": {
      "base": "rgb(19, 47, 142)"
    },
    "royal-blue": {
      "lighter": "rgb(157, 186, 207)",
      "light": "rgb(92, 101, 133)",
      "base": "rgb(71, 79, 104)",
      "dark": "rgb(63, 70, 95)",
      "darker": "rgb(52, 64, 89)",
      "darkest": "rgb(38, 46, 63)"
    },
    "violet": {
      "base": "rgb(60, 51, 118)"
    },
    "pink": {
      "lighter": "rgb(255, 105, 180)",
      "base": "rgb(163, 7, 118)"
    },
    "gray": {
      "lightest-hover": "rgb(237, 235, 233)",
      "lightest-active": "rgb(228, 225, 222)",
      "lightest": "rgb(243, 243, 243)",
      "lighter": "rgb(220, 216, 212)",
      "light": "rgb(211, 206, 201)",
      "base": "rgb(151, 160, 165)",
      "dark": "rgb(106, 121, 128)",
      "darker": "rgb(77, 87, 91)",
      "darkest": "rgb(42, 48, 50)"
    },
    "black": {
      "base": "rgb(0, 0, 0)"
    },
    "white": {
      "base": "rgb(255, 255, 255)"
    }
  },
  "social": {
    "facebook": {
      "base": "rgb(59, 89, 152)"
    },
    "twitter": {
      "base": "rgb(85, 172, 238)"
    },
    "linkedin": {
      "base": "rgb(0, 119, 181)"
    },
    "email": {
      "base": "rgb(0, 146, 248)"
    }
  }
}