Skip to content

Grabient palettes

Berry amber and mint aurora

Navy, purple, pink and light green color palette

Very dark violet travels through wine and berry into red and orange, then turns through ochre, yellow-green and green toward a pale mint-lime finish. Angular swatches, 64 colors at 215°: #17162c, #6b2849, #d94c65, #40ba80, #b8f0b3. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #17162c
  • #19172e
  • #1c1830
  • #1f1833
  • #231a36
  • #271b38
  • #2c1c3b
  • #321d3e
  • #371e40
  • #3e1f42
  • #442043
  • #4a2145
  • #512246
  • #582447
  • #5e2547
  • #652748
  • #6b2849
  • #712a4b
  • #782c4d
  • #7f2d50
  • #862f54
  • #8d3259
  • #94345e
  • #9b3663
  • #a23868
  • #aa3b6c
  • #b13d70
  • #b83f73
  • #bf4175
  • #c64475
  • #cd4672
  • #d4496d
  • #d94c65
  • #de5058
  • #e05547
  • #e15c30
  • #de6501
  • #d17400
  • #c58000
  • #ba8900
  • #ae9100
  • #a19900
  • #90a206
  • #7da935
  • #6aae4e
  • #59b362
  • #4ab773
  • #40ba80
  • #3cbd8a
  • #3dc192
  • #42c498
  • #4bc89d
  • #55cca1
  • #5fd0a4
  • #6ad4a6
  • #76d8a8
  • #81dca9
  • #8be0ab
  • #95e3ac
  • #9fe7ad
  • #a7e9ae
  • #aeecb0
  • #b4eeb1
  • #b8f0b3

CSS

background: conic-gradient(from 215deg, oklch(21.26% 0.0427 284.06) 0.000% 1.563%, oklch(21.85% 0.0448 286.57) 1.563% 3.125%, oklch(22.55% 0.0473 289.72) 3.125% 4.688%, oklch(23.34% 0.0501 293.44) 4.688% 6.250%, oklch(24.22% 0.0532 297.63) 6.250% 7.813%, oklch(25.18% 0.0566 302.20) 7.813% 9.375%, oklch(26.21% 0.0603 307.07) 9.375% 10.938%, oklch(27.30% 0.0642 312.15) 10.938% 12.500%, oklch(28.44% 0.0682 317.34) 12.500% 14.063%, oklch(29.63% 0.0724 322.56) 14.063% 15.625%, oklch(30.86% 0.0767 327.72) 15.625% 17.188%, oklch(32.11% 0.0811 332.72) 17.188% 18.750%, oklch(33.38% 0.0855 337.49) 18.750% 20.313%, oklch(34.67% 0.0900 341.93) 20.313% 21.875%, oklch(35.96% 0.0944 345.94) 21.875% 23.438%, oklch(37.24% 0.0988 349.45) 23.438% 25.000%, oklch(38.51% 0.1030 352.35) 25.000% 26.563%, oklch(39.84% 0.1077 354.46) 26.563% 28.125%, oklch(41.25% 0.1128 355.83) 28.125% 29.688%, oklch(42.74% 0.1182 356.58) 29.688% 31.250%, oklch(44.27% 0.1240 356.87) 31.250% 32.813%, oklch(45.84% 0.1298 356.82) 32.813% 34.375%, oklch(47.44% 0.1358 356.58) 34.375% 35.938%, oklch(49.05% 0.1417 356.28) 35.938% 37.500%, oklch(50.65% 0.1474 356.05) 37.500% 39.063%, oklch(52.23% 0.1530 356.05) 39.063% 40.625%, oklch(53.78% 0.1581 356.39) 40.625% 42.188%, oklch(55.27% 0.1629 357.22) 42.188% 43.750%, oklch(56.71% 0.1671 358.69) 43.750% 45.313%, oklch(58.07% 0.1708 0.91) 45.313% 46.875%, oklch(59.33% 0.1736 4.04) 46.875% 48.438%, oklch(60.49% 0.1757 8.20) 48.438% 50.000%, oklch(61.52% 0.1768 13.59) 50.000% 51.563%, oklch(62.43% 0.1771 20.52) 51.563% 53.125%, oklch(63.22% 0.1766 28.82) 53.125% 54.688%, oklch(63.90% 0.1754 38.28) 54.688% 56.250%, oklch(64.51% 0.1735 48.65) 56.250% 57.813%, oklch(65.05% 0.1530 59.70) 57.813% 59.375%, oklch(65.54% 0.1409 71.24) 59.375% 60.938%, oklch(66.00% 0.1357 83.02) 60.938% 62.500%, oklch(66.45% 0.1364 94.81) 62.500% 64.063%, oklch(66.90% 0.1429 106.39) 64.063% 65.625%, oklch(67.37% 0.1547 117.53) 65.625% 67.188%, oklch(67.88% 0.1511 127.99) 67.188% 68.750%, oklch(68.44% 0.1476 137.56) 68.750% 70.313%, oklch(69.08% 0.1442 146.00) 70.313% 71.875%, oklch(69.80% 0.1411 153.10) 71.875% 73.438%, oklch(70.64% 0.1384 158.61) 73.438% 75.000%, oklch(71.60% 0.1360 162.48) 75.000% 76.563%, oklch(72.70% 0.1334 165.03) 76.563% 78.125%, oklch(73.92% 0.1307 166.42) 78.125% 79.688%, oklch(75.22% 0.1280 166.79) 79.688% 81.250%, oklch(76.60% 0.1253 166.29) 81.250% 82.813%, oklch(78.03% 0.1225 165.04) 82.813% 84.375%, oklch(79.49% 0.1198 163.19) 84.375% 85.938%, oklch(80.95% 0.1171 160.89) 85.938% 87.500%, oklch(82.39% 0.1145 158.27) 87.500% 89.063%, oklch(83.79% 0.1120 155.47) 89.063% 90.625%, oklch(85.13% 0.1096 152.63) 90.625% 92.188%, oklch(86.39% 0.1074 149.90) 92.188% 93.750%, oklch(87.55% 0.1053 147.41) 93.750% 95.313%, oklch(88.57% 0.1035 145.31) 95.313% 96.875%, oklch(89.45% 0.1019 143.73) 96.875% 98.438%, oklch(90.16% 0.1006 142.81) 98.438% 100.000%);

In these collections

Aurora swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works