Teal Violet Study

Muted duotone light blue and purple color palette

Five discrete bands move through teal #a9d9d3, cyan #237f96, blue #303b79, cyan #779db7, and violet #554a86. Angular swatches, 5 colors at 135°: #a9d9d3, #237f96, #303b79, #779db7, #554a86. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#a9d9d3
#237f96
#303b79
#779db7
#554a86

CSS

background: conic-gradient(from 135deg, oklch(85.04% 0.0510 187.03) 0.000% 20.000%, oklch(55.51% 0.0896 218.73) 20.000% 40.000%, oklch(37.80% 0.1047 272.63) 40.000% 60.000%, oklch(67.72% 0.0565 238.81) 60.000% 80.000%, oklch(44.88% 0.0965 290.59) 80.000% 100.000%);

In these collections

Cool swatches