:root {

  --yellow: #ffeb3b;

  --orange: #ff9800;

  --dark: #546e7a;

}

​

.gradient {

  width: 200px;

  height: 200px;

  background: repeating-linear-gradient(45deg,

    var(--orange), var(--orange) 20px,

    var(--dark) 20px, var(--dark) 25px,

    var(--yellow) 25px, var(--yellow) 50px

  );

}

​

​