Branco para marrom (monocromático): gradiente linear
Branco para marrom (monocromático): paleta com 32 cores. #f9f4e9, #f1e2ce, #e4c6aa, #d4a886, #ba8564. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 5 quadros-chave OKLCH editáveis.
- #f9f4e9
- #f9f3e7
- #f8f1e5
- #f7efe2
- #f6edde
- #f5eada
- #f3e8d6
- #f2e5d2
- #f1e2ce
- #efdfca
- #eedcc6
- #edd9c1
- #ebd5bd
- #e9d2b8
- #e8ceb4
- #e6caaf
- #e4c6aa
- #e2c2a5
- #e0bea0
- #deba9a
- #dcb595
- #d9b190
- #d7ac8b
- #d4a886
- #d1a381
- #ce9e7c
- #ca9977
- #c69473
- #c28f6e
- #bf8b6a
- #bc8867
- #ba8564
CSS
background: linear-gradient(135deg in oklch, oklch(96.85% 0.0152 85.08) 0.0%, oklch(96.49% 0.0163 84.32) 3.2%, oklch(96.03% 0.0179 83.30) 6.5%, oklch(95.47% 0.0197 82.09) 9.7%, oklch(94.85% 0.0218 80.74) 12.9%, oklch(94.17% 0.0240 79.33) 16.1%, oklch(93.45% 0.0263 77.90) 19.4%, oklch(92.70% 0.0286 76.53) 22.6%, oklch(91.93% 0.0309 75.26) 25.8%, oklch(91.14% 0.0332 74.01) 29.0%, oklch(90.30% 0.0356 72.74) 32.3%, oklch(89.42% 0.0380 71.47) 35.5%, oklch(88.51% 0.0406 70.21) 38.7%, oklch(87.55% 0.0431 68.97) 41.9%, oklch(86.57% 0.0457 67.76) 45.2%, oklch(85.56% 0.0483 66.61) 48.4%, oklch(84.51% 0.0509 65.52) 51.6%, oklch(83.42% 0.0537 64.48) 54.8%, oklch(82.29% 0.0566 63.48) 58.1%, oklch(81.13% 0.0595 62.51) 61.3%, oklch(79.94% 0.0623 61.58) 64.5%, oklch(78.73% 0.0650 60.67) 67.7%, oklch(77.51% 0.0676 59.77) 71.0%, oklch(76.29% 0.0698 58.88) 74.2%, oklch(75.02% 0.0717 57.98) 77.4%, oklch(73.62% 0.0734 57.03) 80.6%, oklch(72.15% 0.0749 56.07) 83.9%, oklch(70.68% 0.0762 55.14) 87.1%, oklch(69.27% 0.0774 54.26) 90.3%, oklch(68.00% 0.0784 53.48) 93.5%, oklch(66.94% 0.0792 52.82) 96.8%, oklch(66.14% 0.0799 52.32) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
