Monochrome navy and gray radial gradient
Monochrome navy and gray palette with 40 colors. #0c1c36, #576f82, #98aeba, #516576, #040f23. Edit and export CSS, SVG, PNG or a shader.
40 colors, 3 editable OKLCH keyframes.
- #0c1c36
- #10203a
- #14253f
- #1a2c45
- #20334c
- #283c54
- #30455c
- #394f65
- #43596f
- #4d6478
- #576f82
- #61798b
- #6b8495
- #758d9d
- #7e96a5
- #869eac
- #8da5b2
- #93aab6
- #96adb9
- #98afbb
- #98aeba
- #95acb8
- #91a7b3
- #8ba1ad
- #8399a6
- #7a909e
- #718695
- #667c8b
- #5c7080
- #516576
- #465a6b
- #3b4e60
- #314356
- #28394c
- #1f2f43
- #17273a
- #101f33
- #0b182c
- #061327
- #040f23
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0551 260.16) 0.0%, oklch(24.41% 0.0544 259.25) 2.6%, oklch(26.48% 0.0534 258.06) 5.1%, oklch(28.97% 0.0523 256.64) 7.7%, oklch(31.83% 0.0510 255.01) 10.3%, oklch(34.98% 0.0495 253.22) 12.8%, oklch(38.36% 0.0480 251.29) 15.4%, oklch(41.90% 0.0464 249.27) 17.9%, oklch(45.55% 0.0447 247.19) 20.5%, oklch(49.24% 0.0430 245.09) 23.1%, oklch(52.90% 0.0413 242.99) 25.6%, oklch(56.47% 0.0397 240.95) 28.2%, oklch(59.89% 0.0381 238.98) 30.8%, oklch(63.08% 0.0365 237.14) 33.3%, oklch(65.99% 0.0351 235.46) 35.9%, oklch(68.55% 0.0338 233.96) 38.5%, oklch(70.69% 0.0327 232.69) 41.0%, oklch(72.36% 0.0317 231.69) 43.6%, oklch(73.49% 0.0310 230.98) 46.2%, oklch(74.00% 0.0305 230.62) 48.7%, oklch(73.85% 0.0302 230.62) 51.3%, oklch(73.02% 0.0302 230.98) 53.8%, oklch(71.56% 0.0304 231.69) 56.4%, oklch(69.56% 0.0308 232.69) 59.0%, oklch(67.06% 0.0314 233.96) 61.5%, oklch(64.15% 0.0321 235.46) 64.1%, oklch(60.89% 0.0330 237.14) 66.7%, oklch(57.35% 0.0339 238.98) 69.2%, oklch(53.58% 0.0350 240.95) 71.8%, oklch(49.67% 0.0361 242.99) 74.4%, oklch(45.67% 0.0372 245.09) 76.9%, oklch(41.65% 0.0384 247.19) 79.5%, oklch(37.68% 0.0395 249.27) 82.1%, oklch(33.83% 0.0406 251.29) 84.6%, oklch(30.17% 0.0417 253.22) 87.2%, oklch(26.75% 0.0427 255.01) 89.7%, oklch(23.65% 0.0436 256.64) 92.3%, oklch(20.94% 0.0444 258.06) 94.9%, oklch(18.67% 0.0450 259.25) 97.4%, oklch(16.93% 0.0455 260.16) 100.0%);In these collections
Moody gradientsVintage gradients
Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works
