Azul-claro para azul-marinho (monocromático): gradiente radial
Azul-claro para azul-marinho (monocromático): paleta com 32 cores. #f4f6ed, #d6d3ec, #7d84c5, #364082, #121d41. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 6 quadros-chave OKLCH editáveis.
- #f4f6ed
- #f0f5ed
- #ebf4ef
- #e6f2f1
- #e3eef3
- #e1e9f3
- #dfe3f1
- #dbdbee
- #d6d3ec
- #cdcaea
- #c3c1e9
- #b6b8e6
- #aaafe3
- #9fa5dd
- #949ad6
- #898fce
- #7d84c5
- #7279bc
- #676eb3
- #5d64aa
- #535ba0
- #495196
- #3f488c
- #364082
- #2e3978
- #28326f
- #222d66
- #1d295d
- #1a2554
- #16224c
- #141f45
- #121d41
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(96.85% 0.0110 113.91) 0.0%, oklch(96.39% 0.0115 132.80) 3.2%, oklch(95.84% 0.0118 160.32) 6.5%, oklch(95.16% 0.0122 192.37) 9.7%, oklch(94.27% 0.0134 224.87) 12.9%, oklch(93.13% 0.0157 253.70) 16.1%, oklch(91.67% 0.0196 274.78) 19.4%, oklch(89.85% 0.0259 285.92) 22.6%, oklch(87.68% 0.0344 290.26) 25.8%, oklch(85.23% 0.0445 289.87) 29.0%, oklch(82.56% 0.0550 286.73) 32.3%, oklch(79.72% 0.0653 282.82) 35.5%, oklch(76.78% 0.0742 280.11) 38.7%, oklch(73.74% 0.0813 279.79) 41.9%, oklch(70.45% 0.0876 279.65) 45.2%, oklch(66.96% 0.0933 279.39) 48.4%, oklch(63.39% 0.0983 279.03) 51.6%, oklch(59.81% 0.1026 278.58) 54.8%, oklch(56.33% 0.1059 278.05) 58.1%, oklch(53.01% 0.1084 277.45) 61.3%, oklch(49.67% 0.1100 276.70) 64.5%, oklch(46.32% 0.1109 275.84) 67.7%, oklch(43.05% 0.1109 274.91) 71.0%, oklch(39.95% 0.1101 273.97) 74.2%, oklch(37.09% 0.1083 273.07) 77.4%, oklch(34.56% 0.1054 272.26) 80.6%, oklch(32.28% 0.1006 271.47) 83.9%, oklch(30.20% 0.0940 270.67) 87.1%, oklch(28.34% 0.0867 269.90) 90.3%, oklch(26.75% 0.0794 269.21) 93.5%, oklch(25.43% 0.0732 268.62) 96.8%, oklch(24.41% 0.0689 268.19) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
