Violet charcoal interface rings

White, gray, dark purple and blue color palette

Muted violet surrounds charcoal, soft gray-lilac, and a clean white center in a composed concentric palette. Radial swatches, 5 colors: #f8f6fa, #e6e2eb, #8a8196, #393144, #6f55fb. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#f8f6fa
#e6e2eb
#8a8196
#393144
#6f55fb

CSS

background: radial-gradient(circle at 50% 50%, oklch(97.64% 0.0055 308.67) 0.000% 20.000%, oklch(91.73% 0.0138 304.44) 20.000% 40.000%, oklch(61.81% 0.0331 305.50) 40.000% 60.000%, oklch(33.07% 0.0344 304.44) 60.000% 80.000%, oklch(57.48% 0.2343 283.31) 80.000% 100.000%);

In these collections

UI swatches