Pattern by csemszepp

1.container {
2  width: 100%;
3  height: 100%;
4  --s: 65px; /* control the size */
5  --c1: #dadee1;
6  --c2: #4a99b4;
7  --c3: #9cceb5;
8
9  --_c: 75%, var(--c3) 52.72deg, #0000 0;
10  --_g1: conic-gradient(from -116.36deg at 25% var(--_c));
11  --_g2: conic-gradient(from 63.43deg at 75% var(--_c));
12  background: var(--_g1), var(--_g1) calc(3 * var(--s)) calc(var(--s) / 2),
13    var(--_g2), var(--_g2) calc(3 * var(--s)) calc(var(--s) / 2),
14    conic-gradient(
15      var(--c2) 63.43deg,
16      var(--c1) 0 116.36deg,
17      var(--c2) 0 180deg,
18      var(--c1) 0 243.43deg,
19      var(--c2) 0 296.15deg,
20      var(--c1) 0
21    );
22  background-size: calc(2 * var(--s)) var(--s);
23}
24