Periwinkle and pale lavender light ui palette

Pastel monochrome lavender color palette

The Periwinkle and pale lavender light ui palette brings together light blue and light purple. Radial gradient, 48 colors: #a9a6fa, #bfb6ff, #cbb4ff, #cea4f7, #c596db. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#a9a6fa
#aaa6fb
#aba7fc
#ada8fe
#aea9ff
#b0abff
#b3acff
#b5aeff
#b7b0ff
#b9b1ff
#bbb3ff
#bdb4ff
#bfb6ff
#c1b7ff
#c3b8ff
#c4b8ff
#c5b8ff
#c6b8ff
#c7b8ff
#c8b8ff
#c9b7ff
#c9b7ff
#cab6ff
#cab5ff
#cbb4ff
#ccb3ff
#ccb1ff
#cdb0ff
#cdaeff
#cdadff
#ceabff
#ceaaff
#cfa8fe
#cea7fc
#cea6fa
#cea4f7
#cda3f5
#cca2f2
#cba0ef
#cb9fec
#ca9dea
#c99ce7
#c89ae5
#c799e2
#c698e0
#c697de
#c596dd
#c596db

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(75.98% 0.1199 284.77) 0.0%, oklch(76.21% 0.1203 285.02) 2.1%, oklch(76.51% 0.1207 285.32) 4.3%, oklch(76.86% 0.1213 285.66) 6.4%, oklch(77.26% 0.1214 286.03) 8.5%, oklch(77.70% 0.1191 286.43) 10.6%, oklch(78.17% 0.1167 286.87) 12.8%, oklch(78.65% 0.1143 287.33) 14.9%, oklch(79.14% 0.1118 287.82) 17.0%, oklch(79.62% 0.1093 288.33) 19.1%, oklch(80.09% 0.1070 288.87) 21.3%, oklch(80.52% 0.1049 289.42) 23.4%, oklch(80.92% 0.1030 289.99) 25.5%, oklch(81.27% 0.1014 290.57) 27.7%, oklch(81.57% 0.1001 291.16) 29.8%, oklch(81.79% 0.0993 291.76) 31.9%, oklch(81.93% 0.0990 292.37) 34.0%, oklch(82.02% 0.0990 293.01) 36.2%, oklch(82.06% 0.0993 293.68) 38.3%, oklch(82.06% 0.0999 294.38) 40.4%, oklch(82.02% 0.1007 295.10) 42.6%, oklch(81.95% 0.1019 295.85) 44.7%, oklch(81.85% 0.1032 296.61) 46.8%, oklch(81.72% 0.1049 297.39) 48.9%, oklch(81.56% 0.1067 298.17) 51.1%, oklch(81.38% 0.1087 298.96) 53.2%, oklch(81.18% 0.1109 299.75) 55.3%, oklch(80.97% 0.1133 300.53) 57.4%, oklch(80.74% 0.1158 301.31) 59.6%, oklch(80.50% 0.1184 302.08) 61.7%, oklch(80.25% 0.1211 302.82) 63.8%, oklch(80.00% 0.1239 303.55) 66.0%, oklch(79.74% 0.1250 304.27) 68.1%, oklch(79.43% 0.1242 305.01) 70.2%, oklch(79.08% 0.1233 305.77) 72.3%, oklch(78.69% 0.1223 306.55) 74.5%, oklch(78.27% 0.1212 307.34) 76.6%, oklch(77.83% 0.1201 308.13) 78.7%, oklch(77.38% 0.1189 308.91) 80.9%, oklch(76.92% 0.1178 309.67) 83.0%, oklch(76.47% 0.1166 310.41) 85.1%, oklch(76.03% 0.1154 311.13) 87.2%, oklch(75.60% 0.1143 311.80) 89.4%, oklch(75.20% 0.1133 312.43) 91.5%, oklch(74.84% 0.1124 313.01) 93.6%, oklch(74.51% 0.1115 313.53) 95.7%, oklch(74.24% 0.1108 313.98) 97.9%, oklch(74.02% 0.1102 314.35) 100.0%);

In these collections

Light UI gradients