Yellow violet cyan diagonal swatches

Rainbow from yellow to navy color palette

The Yellow violet cyan diagonal swatches brings together gold, purple, light teal, and dark blue. Linear swatches, 4 colors at 45°: #fac31a, #9463df, #75eed1, #111d3d. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#fac31a
#9463df
#75eed1
#111d3d

CSS

background: linear-gradient(45deg, oklch(84.25% 0.1681 87.19) 0.000% 25.000%, oklch(61.02% 0.1819 299.24) 25.000% 50.000%, oklch(87.01% 0.1171 175.60) 50.000% 75.000%, oklch(24.02% 0.0634 266.48) 75.000% 100.000%);

In these collections

Energetic swatches