Marrom, caramelo, laranja e vermelho (análogos): gradiente radial
Marrom, caramelo, laranja e vermelho (análogos): paleta com 40 cores. #e09676, #8c4f29, #924e29, #e7b65f, #921709. Edite e exporte CSS, SVG, PNG ou um shader.
40 cores, 6 quadros-chave OKLCH editáveis.
- #e09676
- #da8f6e
- #d08664
- #c57b57
- #b96f49
- #ad633c
- #a25930
- #995227
- #924d22
- #8f4d24
- #8c4f29
- #8b5231
- #8b5739
- #8b5b41
- #8c5f47
- #8c624a
- #8d624a
- #8e5f45
- #8f5a3e
- #905434
- #924e29
- #954a1d
- #984711
- #9e4904
- #a65001
- #b15f0c
- #bf7420
- #ce8b36
- #dba24c
- #e7b65f
- #efc46d
- #f2c973
- #f1c36c
- #eab35c
- #de9b46
- #d07f2f
- #bf611b
- #ad450e
- #9d2c09
- #921709
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(74.02% 0.1006 44.30) 0.0%, oklch(71.91% 0.1016 44.75) 2.6%, oklch(68.89% 0.1034 45.41) 5.1%, oklch(65.27% 0.1055 46.18) 7.7%, oklch(61.40% 0.1076 47.02) 10.3%, oklch(57.58% 0.1093 47.86) 12.8%, oklch(54.15% 0.1103 48.61) 15.4%, oklch(51.44% 0.1101 49.23) 17.9%, oklch(49.76% 0.1083 49.64) 20.5%, oklch(49.09% 0.1040 49.86) 23.1%, oklch(49.16% 0.0974 49.93) 25.6%, oklch(49.78% 0.0895 49.91) 28.2%, oklch(50.72% 0.0814 49.81) 30.8%, oklch(51.78% 0.0741 49.70) 33.3%, oklch(52.74% 0.0686 49.60) 35.9%, oklch(53.39% 0.0660 49.56) 38.5%, oklch(53.51% 0.0672 49.57) 41.0%, oklch(52.99% 0.0727 49.27) 43.6%, oklch(52.05% 0.0816 48.75) 46.2%, oklch(50.96% 0.0925 48.21) 48.7%, oklch(49.99% 0.1042 47.85) 51.3%, oklch(49.40% 0.1156 47.86) 53.8%, oklch(49.47% 0.1252 48.45) 56.4%, oklch(50.46% 0.1320 49.83) 59.0%, oklch(52.83% 0.1349 52.40) 61.5%, oklch(57.12% 0.1345 56.92) 64.1%, oklch(62.74% 0.1318 62.73) 66.7%, oklch(68.97% 0.1276 69.08) 69.2%, oklch(75.07% 0.1230 75.21) 71.8%, oklch(80.34% 0.1188 80.36) 74.4%, oklch(84.05% 0.1160 83.75) 76.9%, oklch(85.48% 0.1155 84.64) 79.5%, oklch(84.02% 0.1178 82.29) 82.1%, oklch(79.92% 0.1223 76.90) 84.6%, oklch(73.95% 0.1284 69.35) 87.2%, oklch(66.86% 0.1353 60.54) 89.7%, oklch(59.41% 0.1424 51.36) 92.3%, oklch(52.37% 0.1491 42.70) 94.9%, oklch(46.48% 0.1546 35.47) 97.4%, oklch(42.52% 0.1585 30.56) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
