Bege, turquesa e azul (tritone) em tons pastel: gradiente angular
Gradiente angular, 32 cores a 180°: #f5dab2, #e6b996, #7bcdaf, #00b7af, #2b9fce. Edite e exporte CSS, SVG, PNG ou um shader.
5 quadros-chave OKLCH editáveis.
- #f5dab2
- #f4d7b0
- #f4d3ad
- #f3ceaa
- #f1c8a7
- #efc3a4
- #edbea0
- #eabb9b
- #e6b996
- #e1ba8f
- #d9bc89
- #cdc187
- #bdc68b
- #acca93
- #9acd9e
- #89cea9
- #7bcdaf
- #6ecbb2
- #5fc8b3
- #50c5b2
- #3ec2b0
- #28beaf
- #00bbae
- #00b7af
- #00b3b2
- #00b0b6
- #00adbb
- #00aac0
- #00a7c5
- #05a4ca
- #20a1cd
- #2b9fce
CSS
background: conic-gradient(from 180deg in oklch, oklch(90.16% 0.0606 78.05) 0.0%, oklch(89.46% 0.0613 75.52) 3.2%, oklch(88.47% 0.0622 71.16) 6.5%, oklch(87.31% 0.0632 65.91) 9.7%, oklch(86.03% 0.0644 60.72) 12.9%, oklch(84.75% 0.0657 56.54) 16.1%, oklch(83.55% 0.0673 54.32) 19.4%, oklch(82.51% 0.0689 54.99) 22.6%, oklch(81.72% 0.0707 59.54) 25.8%, oklch(81.20% 0.0726 68.88) 29.0%, oklch(80.88% 0.0746 82.12) 32.3%, oklch(80.67% 0.0766 97.92) 35.5%, oklch(80.50% 0.0789 114.93) 38.7%, oklch(80.29% 0.0815 131.82) 41.9%, oklch(79.98% 0.0844 147.25) 45.2%, oklch(79.48% 0.0877 159.86) 48.4%, oklch(78.72% 0.0917 168.61) 51.6%, oklch(77.70% 0.0967 174.51) 54.8%, oklch(76.50% 0.1027 178.38) 58.1%, oklch(75.19% 0.1090 180.85) 61.3%, oklch(73.84% 0.1152 182.54) 64.5%, oklch(72.52% 0.1209 184.05) 67.7%, oklch(71.32% 0.1251 186.02) 71.0%, oklch(70.30% 0.1218 189.06) 74.2%, oklch(69.48% 0.1189 193.53) 77.4%, oklch(68.77% 0.1169 198.92) 80.6%, oklch(68.15% 0.1163 204.85) 83.9%, oklch(67.61% 0.1173 210.97) 87.1%, oklch(67.15% 0.1199 216.92) 90.3%, oklch(66.75% 0.1229 222.34) 93.5%, oklch(66.42% 0.1210 226.90) 96.8%, oklch(66.14% 0.1199 230.22) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
