html {
	--u: 2.1vmin;
	--c1: #7b89bd;
	--c2: #a6b7f3;
	--c3: #3d4772;
	--c4: #606a91;
	--gp: 50%/ calc(var(--u) * 10) calc(var(--u) * 10);
	--bp: calc(var(--u) * -5) calc(var(--u) * -5);
	height: 100vh;
	--bg: 
		conic-gradient(from 0deg at 75% 25%, var(--c1) 0 45deg, #fff0 0 100%) var(--gp),
		conic-gradient(from 0deg at 75% 50%, var(--c2) 0 45deg, var(--c1) 0 90deg, #fff0 0 100%) var(--gp),
		conic-gradient(from -45deg at 25% 25%, var(--c1) 0 135deg, #fff0 0 100%) var(--gp),
		conic-gradient(from -90deg at 25% 50%, var(--c1) 0 45deg, var(--c3) 0 90deg, var(--c4) 0 180deg, #fff0 0 100%) var(--gp);
	background: var(--bg),var(--bg);
	background-position: var(--bp), var(--bp), var(--bp), var(--bp), 0 0, 0 0, 0 0, 0 0;
	background-color: var(--c1);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.