Caramelo, azul-marinho e cinza (complementares): gradiente linear
Caramelo, azul-marinho e cinza (complementares): paleta com 56 cores. #bca076, #31584c, #14212e, #68797b, #eff6ee. Edite e exporte CSS, SVG, PNG ou um shader.
56 cores, 3 quadros-chave OKLCH editáveis.
- #bca076
- #b79e73
- #b09b6f
- #a8986b
- #9f9467
- #959063
- #8b8b60
- #7f865c
- #74805a
- #687a57
- #5c7455
- #506d52
- #456650
- #3b604e
- #31584c
- #295149
- #214b47
- #1b4444
- #173e41
- #13383d
- #11323a
- #102d37
- #0f2934
- #0f2632
- #0f2330
- #10212e
- #10202d
- #12202d
- #14212e
- #162330
- #192633
- #1d2a36
- #222f3a
- #27353f
- #2d3b45
- #33424b
- #3b4a52
- #43525a
- #4b5b62
- #54656a
- #5e6f72
- #68797b
- #738485
- #7e8e8e
- #899997
- #94a3a1
- #a0aeaa
- #abb8b3
- #b5c2bc
- #c0cbc5
- #cad4ce
- #d3ddd5
- #dbe4dd
- #e3ebe3
- #e9f1e9
- #eff6ee
CSS
background: linear-gradient(135deg in oklch, oklch(72.05% 0.0661 77.34) 0.0%, oklch(71.03% 0.0655 80.83) 1.8%, oklch(69.76% 0.0647 85.07) 3.6%, oklch(68.25% 0.0638 90.00) 5.5%, oklch(66.52% 0.0628 95.55) 7.3%, oklch(64.61% 0.0618 101.65) 9.1%, oklch(62.53% 0.0606 108.25) 10.9%, oklch(60.31% 0.0594 115.28) 12.7%, oklch(57.97% 0.0582 122.67) 14.5%, oklch(55.54% 0.0569 130.36) 16.4%, oklch(53.05% 0.0555 138.29) 18.2%, oklch(50.51% 0.0541 146.39) 20.0%, oklch(47.95% 0.0527 154.59) 21.8%, oklch(45.40% 0.0512 162.84) 23.6%, oklch(42.88% 0.0498 171.07) 25.5%, oklch(40.41% 0.0483 179.21) 27.3%, oklch(38.02% 0.0468 187.20) 29.1%, oklch(35.73% 0.0453 194.97) 30.9%, oklch(33.57% 0.0438 202.47) 32.7%, oklch(31.56% 0.0424 209.63) 34.5%, oklch(29.73% 0.0409 216.37) 36.4%, oklch(28.09% 0.0395 222.65) 38.2%, oklch(26.68% 0.0382 228.38) 40.0%, oklch(25.52% 0.0368 233.52) 41.8%, oklch(24.63% 0.0356 237.99) 43.6%, oklch(24.04% 0.0344 241.74) 45.5%, oklch(23.77% 0.0333 244.69) 47.3%, oklch(23.84% 0.0322 246.78) 49.1%, oklch(24.29% 0.0312 247.96) 50.9%, oklch(25.13% 0.0302 248.29) 52.7%, oklch(26.35% 0.0293 247.84) 54.5%, oklch(27.91% 0.0284 246.65) 56.4%, oklch(29.79% 0.0275 244.79) 58.2%, oklch(31.95% 0.0266 242.31) 60.0%, oklch(34.38% 0.0257 239.26) 61.8%, oklch(37.04% 0.0248 235.70) 63.6%, oklch(39.91% 0.0240 231.68) 65.5%, oklch(42.95% 0.0232 227.26) 67.3%, oklch(46.15% 0.0224 222.49) 69.1%, oklch(49.47% 0.0216 217.44) 70.9%, oklch(52.88% 0.0208 212.14) 72.7%, oklch(56.36% 0.0201 206.67) 74.5%, oklch(59.87% 0.0194 201.07) 76.4%, oklch(63.40% 0.0187 195.39) 78.2%, oklch(66.91% 0.0180 189.71) 80.0%, oklch(70.38% 0.0174 184.06) 81.8%, oklch(73.77% 0.0167 178.50) 83.6%, oklch(77.07% 0.0161 173.09) 85.5%, oklch(80.23% 0.0156 167.89) 87.3%, oklch(83.24% 0.0150 162.95) 89.1%, oklch(86.06% 0.0145 158.32) 90.9%, oklch(88.68% 0.0140 154.06) 92.7%, oklch(91.05% 0.0136 150.22) 94.5%, oklch(93.16% 0.0132 146.86) 96.4%, oklch(94.97% 0.0128 144.04) 98.2%, oklch(96.46% 0.0124 141.81) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
