Aller au contenu

Palettes Grabient

Bleu clair, gris, violet et saumon en aplats angulaires

Bleu clair, gris, violet et saumon, palette de couleurs

Aplats angulaires, 64 couleurs à 315° : #d8eef0, #6e8b8d, #c48556, #994c5a, #db573f. Modifiez et exportez en CSS, SVG, PNG ou shader.

6 points clés OKLCH modifiables.

  • #d8eef0
  • #d4ebec
  • #cfe7e8
  • #c9e3e2
  • #c3dedc
  • #bdd9d5
  • #b6d3ce
  • #afcdc6
  • #a8c7bf
  • #a1c1b7
  • #9abab0
  • #93b4a9
  • #8baea4
  • #84a79f
  • #7d9f9a
  • #759694
  • #6e8b8d
  • #688185
  • #62767d
  • #5d6c74
  • #58626b
  • #545a63
  • #50545d
  • #4e4f58
  • #4d4c56
  • #504b56
  • #564c59
  • #624f5e
  • #735563
  • #885d66
  • #9e6765
  • #b3755f
  • #c48556
  • #d0994d
  • #d6ac47
  • #d6bf48
  • #d2ce4d
  • #cdd853
  • #cadb54
  • #cbd74c
  • #d0cb3d
  • #d5ba2b
  • #d7a622
  • #d5902a
  • #cc7a3a
  • #be6748
  • #ac5853
  • #994c5a
  • #87435d
  • #793d5e
  • #6f395e
  • #6b375e
  • #6c3660
  • #703761
  • #783863
  • #823a64
  • #8f3c64
  • #9c3f63
  • #aa4360
  • #b8475b
  • #c44b54
  • #ce504d
  • #d65445
  • #db573f

CSS

background: conic-gradient(from 315deg, oklch(93.31% 0.0234 203.20) 0.000% 1.563%, oklch(92.30% 0.0243 201.59) 1.563% 3.125%, oklch(91.07% 0.0255 198.96) 3.125% 4.688%, oklch(89.65% 0.0270 195.56) 4.688% 6.250%, oklch(88.06% 0.0287 191.68) 6.250% 7.813%, oklch(86.32% 0.0305 187.59) 7.813% 9.375%, oklch(84.46% 0.0323 183.56) 9.375% 10.938%, oklch(82.50% 0.0342 179.85) 10.938% 12.500%, oklch(80.47% 0.0359 176.74) 12.500% 14.063%, oklch(78.39% 0.0374 174.50) 14.063% 15.625%, oklch(76.29% 0.0386 173.41) 15.625% 17.188%, oklch(74.18% 0.0395 173.72) 17.188% 18.750%, oklch(72.10% 0.0399 175.72) 18.750% 20.313%, oklch(70.01% 0.0398 179.64) 20.313% 21.875%, oklch(67.55% 0.0385 185.26) 21.875% 23.438%, oklch(64.73% 0.0362 192.35) 23.438% 25.000%, oklch(61.65% 0.0332 200.73) 25.000% 26.563%, oklch(58.44% 0.0296 210.23) 26.563% 28.125%, oklch(55.21% 0.0260 220.68) 28.125% 29.688%, oklch(52.08% 0.0224 231.90) 29.688% 31.250%, oklch(49.17% 0.0192 243.70) 31.250% 32.813%, oklch(46.60% 0.0168 255.92) 32.813% 34.375%, oklch(44.48% 0.0153 268.38) 34.375% 35.938%, oklch(42.94% 0.0151 280.91) 35.938% 37.500%, oklch(42.08% 0.0165 293.32) 37.500% 39.063%, oklch(42.03% 0.0198 305.45) 39.063% 40.625%, oklch(43.03% 0.0254 318.01) 40.625% 42.188%, oklch(45.29% 0.0339 332.50) 42.188% 43.750%, oklch(48.57% 0.0447 348.47) 43.750% 45.313%, oklch(52.64% 0.0572 5.40) 45.313% 46.875%, oklch(57.26% 0.0709 22.77) 46.875% 48.438%, oklch(62.18% 0.0853 40.08) 48.438% 50.000%, oklch(67.18% 0.0998 56.80) 50.000% 51.563%, oklch(72.02% 0.1139 72.42) 51.563% 53.125%, oklch(76.45% 0.1270 86.43) 53.125% 54.688%, oklch(80.25% 0.1386 98.30) 54.688% 56.250%, oklch(83.16% 0.1482 107.54) 56.250% 57.813%, oklch(84.96% 0.1551 113.61) 57.813% 59.375%, oklch(85.40% 0.1590 115.99) 59.375% 60.938%, oklch(84.42% 0.1594 113.88) 60.938% 62.500%, oklch(82.22% 0.1570 107.62) 62.500% 64.063%, oklch(79.02% 0.1523 97.94) 64.063% 65.625%, oklch(75.05% 0.1457 85.59) 65.625% 67.188%, oklch(70.54% 0.1378 71.32) 67.188% 68.750%, oklch(65.70% 0.1292 55.87) 68.750% 70.313%, oklch(60.77% 0.1203 39.99) 70.313% 71.875%, oklch(55.97% 0.1118 24.41) 71.875% 73.438%, oklch(51.53% 0.1040 9.90) 73.438% 75.000%, oklch(47.67% 0.0976 357.18) 75.000% 76.563%, oklch(44.61% 0.0931 347.01) 76.563% 78.125%, oklch(42.59% 0.0910 340.13) 78.125% 79.688%, oklch(41.75% 0.0917 336.96) 79.688% 81.250%, oklch(41.78% 0.0945 336.43) 81.250% 82.813%, oklch(42.55% 0.0992 338.07) 82.813% 84.375%, oklch(43.92% 0.1054 341.50) 84.375% 85.938%, oklch(45.77% 0.1127 346.35) 85.938% 87.500%, oklch(47.97% 0.1207 352.26) 87.500% 89.063%, oklch(50.40% 0.1293 358.86) 89.063% 90.625%, oklch(52.92% 0.1379 5.78) 90.625% 92.188%, oklch(55.42% 0.1463 12.66) 92.188% 93.750%, oklch(57.76% 0.1542 19.12) 93.750% 95.313%, oklch(59.82% 0.1611 24.81) 95.313% 96.875%, oklch(61.48% 0.1668 29.34) 96.875% 98.438%, oklch(62.60% 0.1709 32.36) 98.438% 100.000%);

Dans ces collections

Aplats Pinterest 2026

Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche