html {
--c1: #FF847C;
--c2: #E84A5F;
--c3: #FECEA8;
--c4: #99B898;
background:
conic-gradient(from 45deg at 75% 75%, var(--c3) 90deg,var(--c1) 0 180deg,#0000 0),
conic-gradient(from -45deg at 25% 25%, var(--c3) 90deg,#0000 0),
conic-gradient(from -45deg at 50% 100%,#0000 180deg,var(--c3) 0),
conic-gradient(from -45deg,var(--c1) 90deg, var(--c2) 0 225deg,var(--c4) 0);
background-size: 150px 150px; /* control the size here */
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.