Marrom, branco e cinza (monocromático): gradiente linear
Marrom, branco e cinza (monocromático): paleta com 40 cores. #c57d60, #885e4b, #f8f3e7, #7a7e73, #424849. Edite e exporte CSS, SVG, PNG ou um shader.
40 cores, 5 quadros-chave OKLCH editáveis.
- #c57d60
- #c07a5e
- #b9755a
- #b06f56
- #a66851
- #9d624d
- #945d49
- #8d5946
- #885745
- #865946
- #885e4b
- #8e6854
- #997762
- #a78975
- #b79e89
- #c8b39f
- #d8c8b5
- #e7dac9
- #f2e8d9
- #f8f1e4
- #f8f3e7
- #f2eee3
- #e7e5da
- #d9d7cd
- #c9c8bd
- #b8b7ac
- #a6a69b
- #95978b
- #86897e
- #7a7e73
- #71766c
- #686e66
- #606861
- #59625c
- #535c58
- #4f5755
- #4b5352
- #474f4f
- #454b4c
- #424849
CSS
background: linear-gradient(45deg in oklch, oklch(65.75% 0.0992 42.19) 0.0%, oklch(64.60% 0.0971 42.13) 2.6%, oklch(62.77% 0.0943 41.81) 5.1%, oklch(60.50% 0.0911 41.37) 7.7%, oklch(58.01% 0.0875 40.91) 10.3%, oklch(55.56% 0.0836 40.57) 12.8%, oklch(53.37% 0.0795 40.47) 15.4%, oklch(51.68% 0.0752 40.73) 17.9%, oklch(50.74% 0.0709 41.47) 20.5%, oklch(50.77% 0.0666 42.82) 23.1%, oklch(52.03% 0.0623 44.90) 25.6%, oklch(55.05% 0.0577 47.80) 28.2%, oklch(59.61% 0.0526 51.42) 30.8%, oklch(65.25% 0.0473 55.61) 33.3%, oklch(71.52% 0.0419 60.22) 35.9%, oklch(77.94% 0.0365 65.11) 38.5%, oklch(84.06% 0.0314 70.13) 41.0%, oklch(89.42% 0.0267 75.13) 43.6%, oklch(93.56% 0.0226 79.96) 46.2%, oklch(96.01% 0.0192 84.48) 48.7%, oklch(96.38% 0.0168 88.53) 51.3%, oklch(94.91% 0.0153 92.07) 53.8%, oklch(91.98% 0.0146 95.24) 56.4%, oklch(87.92% 0.0145 98.23) 59.0%, oklch(83.06% 0.0147 101.21) 61.5%, oklch(77.75% 0.0153 104.35) 64.1%, oklch(72.31% 0.0159 107.82) 66.7%, oklch(67.09% 0.0164 111.81) 69.2%, oklch(62.42% 0.0167 116.49) 71.8%, oklch(58.64% 0.0166 122.02) 74.4%, oklch(55.76% 0.0161 128.78) 76.9%, oklch(53.15% 0.0154 137.12) 79.5%, oklch(50.76% 0.0145 146.61) 82.1%, oklch(48.59% 0.0135 156.84) 84.6%, oklch(46.64% 0.0124 167.35) 87.2%, oklch(44.89% 0.0114 177.73) 89.7%, oklch(43.33% 0.0104 187.54) 92.3%, oklch(41.96% 0.0095 196.33) 94.9%, oklch(40.78% 0.0088 203.68) 97.4%, oklch(39.76% 0.0083 209.15) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
