Off-white, cinza e verde-escuro: gradiente linear
Off-white, cinza e verde-escuro: paleta com 32 cores. #fffaeb, #d9e1c7, #9ab28c, #577e60, #1c4437. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 6 quadros-chave OKLCH editáveis.
- #fffaeb
- #fdf8e7
- #f9f6e4
- #f5f3e0
- #f0f0dc
- #eaecd7
- #e5e9d2
- #dfe5cd
- #d9e1c7
- #d3dcc0
- #ccd7ba
- #c5d2b2
- #becdab
- #b5c7a4
- #adc09c
- #a4b994
- #9ab28c
- #91ab84
- #87a37c
- #7d9c76
- #749570
- #6a8d6b
- #608565
- #577e60
- #4e765b
- #466f56
- #3e6751
- #355e4b
- #2d5645
- #264f3f
- #21493a
- #1c4437
CSS
background: linear-gradient(135deg in oklch, oklch(98.42% 0.0199 90.03) 0.0%, oklch(97.81% 0.0228 92.79) 3.2%, oklch(97.00% 0.0237 96.75) 6.5%, oklch(96.02% 0.0248 101.40) 9.7%, oklch(94.91% 0.0262 106.27) 12.9%, oklch(93.69% 0.0279 110.87) 16.1%, oklch(92.39% 0.0299 114.72) 19.4%, oklch(91.03% 0.0323 117.63) 22.6%, oklch(89.58% 0.0352 120.03) 25.8%, oklch(88.03% 0.0385 122.07) 29.0%, oklch(86.38% 0.0419 123.87) 32.3%, oklch(84.60% 0.0453 125.57) 35.5%, oklch(82.69% 0.0485 127.31) 38.7%, oklch(80.63% 0.0513 129.12) 41.9%, oklch(78.39% 0.0543 130.74) 45.2%, oklch(76.01% 0.0572 132.25) 48.4%, oklch(73.53% 0.0600 133.76) 51.6%, oklch(70.99% 0.0623 135.41) 54.8%, oklch(68.44% 0.0641 137.30) 58.1%, oklch(65.92% 0.0651 139.57) 61.3%, oklch(63.35% 0.0652 142.27) 64.5%, oklch(60.73% 0.0648 145.27) 67.7%, oklch(58.09% 0.0639 148.41) 71.0%, oklch(55.45% 0.0628 151.52) 74.2%, oklch(52.84% 0.0616 154.46) 77.4%, oklch(50.27% 0.0604 157.07) 80.6%, oklch(47.53% 0.0590 159.55) 83.9%, oklch(44.66% 0.0572 161.98) 87.1%, oklch(41.83% 0.0554 164.26) 90.3%, oklch(39.22% 0.0536 166.29) 93.5%, oklch(37.03% 0.0521 167.99) 96.8%, oklch(35.43% 0.0510 169.26) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
