CSS Polka Dots Using Radial Gradients

  .polka-dots {
    background: #8E8DBE;
    background-image: radial-gradient(#A9E4EF 30%, transparent 0);
    background-size: 30px 30px;
  }
  

.polka-dot-pattern {
  background: #8E8DBE;
  background-image: radial-gradient(#A9E4EF 30%, transparent 0),
                    radial-gradient(#A9E4EF 30%, transparent 0);
  background-size: 30px 30px;
  background-position: 0 0, 15px 15px;
}