Azul-marinho, turquesa e branco: gradiente linear
Azul-marinho, turquesa e branco: paleta com 32 cores. #07224a, #116f97, #3f9684, #7f6e48, #f3efe8. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 6 quadros-chave OKLCH editáveis.
- #07224a
- #082851
- #0c2f59
- #103864
- #134270
- #164d7b
- #165885
- #14638e
- #116f97
- #0d7c9e
- #0c89a4
- #1294a7
- #1c9ca6
- #269fa2
- #309f99
- #389b8f
- #3f9684
- #479078
- #4f8b6d
- #5a8763
- #658157
- #70794c
- #787246
- #7f6e48
- #866e4f
- #8e745c
- #9b836e
- #ac9886
- #c0b1a2
- #d4cabe
- #e6e0d7
- #f3efe8
CSS
background: linear-gradient(90deg in oklch, oklch(25.98% 0.0813 258.05) 0.0%, oklch(27.96% 0.0832 256.80) 3.2%, oklch(30.68% 0.0858 255.34) 6.5%, oklch(33.91% 0.0890 253.50) 9.7%, oklch(37.41% 0.0922 251.13) 12.9%, oklch(40.94% 0.0952 248.07) 16.1%, oklch(44.26% 0.0975 244.15) 19.4%, oklch(47.50% 0.0992 239.17) 22.6%, oklch(51.10% 0.1008 233.12) 25.8%, oklch(54.78% 0.1022 226.26) 29.0%, oklch(58.24% 0.1031 218.91) 32.3%, oklch(61.16% 0.1033 211.36) 35.5%, oklch(63.25% 0.1026 203.88) 38.7%, oklch(64.19% 0.1006 196.83) 41.9%, oklch(63.98% 0.0974 190.33) 45.2%, oklch(62.97% 0.0931 183.94) 48.4%, oklch(61.52% 0.0883 177.19) 51.6%, oklch(59.99% 0.0833 169.59) 54.8%, oklch(58.73% 0.0784 160.67) 58.1%, oklch(57.99% 0.0741 149.75) 61.3%, oklch(56.93% 0.0701 135.24) 64.5%, oklch(55.69% 0.0663 118.39) 67.7%, oklch(54.70% 0.0624 101.07) 71.0%, oklch(54.42% 0.0582 85.10) 74.2%, oklch(55.28% 0.0537 72.36) 77.4%, oklch(57.74% 0.0485 64.66) 80.6%, oklch(62.58% 0.0421 62.44) 83.9%, oklch(69.28% 0.0348 64.26) 87.1%, oklch(76.88% 0.0272 68.60) 90.3%, oklch(84.40% 0.0201 73.94) 93.5%, oklch(90.85% 0.0140 78.77) 96.8%, oklch(95.28% 0.0096 81.57) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
