Orange green interface rings

White, gray, black and brown color palette

Burnt orange frames deep forest green, charcoal, cool gray, and white in concentric swatches with a clear dark-to-light hierarchy. Radial swatches, 5 colors: #ffffff, #e9ebe5, #8c9284, #2a3028, #c8593b. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#ffffff
#e9ebe5
#8c9284
#2a3028
#c8593b

CSS

background: radial-gradient(circle at 50% 50%, oklch(100.00% 0.0000 89.88) 0.000% 20.000%, oklch(93.70% 0.0083 121.70) 20.000% 40.000%, oklch(64.96% 0.0207 126.99) 40.000% 60.000%, oklch(29.92% 0.0152 140.72) 60.000% 80.000%, oklch(59.84% 0.1488 36.11) 80.000% 100.000%);

In these collections

UI swatches