Skip to content

Grabient palettes

Copper moonlight and mint glow

Tritone salmon, tan and navy color palette

Copper peach brightens through pale gold into mint, then cools through soft cyan and slate blue to deep navy. Angular gradient, 80 colors at 230°: #c77d65, #e0b6a4, #8fd2d0, #577e9f, #252a45. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #c77d65
  • #c87e67
  • #c98069
  • #ca836d
  • #cb8570
  • #cd8875
  • #ce8b79
  • #d08e7d
  • #d19182
  • #d39487
  • #d5988b
  • #d69b8f
  • #d89f93
  • #d9a297
  • #dba59a
  • #dca99d
  • #ddaca0
  • #deafa2
  • #dfb1a3
  • #dfb4a4
  • #e0b6a4
  • #e0b8a3
  • #dfbaa2
  • #dfbda1
  • #debfa0
  • #dcc2a0
  • #d9c59f
  • #d6c89f
  • #d2cba0
  • #cdcea2
  • #c7d0a5
  • #c1d3a9
  • #bad5ad
  • #b3d6b2
  • #acd7b7
  • #a6d8bd
  • #a0d8c2
  • #9bd7c7
  • #96d6cb
  • #93d5ce
  • #8fd2d0
  • #8cd0d2
  • #89cdd2
  • #86c9d2
  • #84c5d1
  • #81c1d0
  • #7ebdce
  • #7bb9cc
  • #77b4c9
  • #74afc6
  • #71aac3
  • #6ea5bf
  • #6aa0bb
  • #679bb7
  • #6496b3
  • #6191af
  • #5e8dab
  • #5b88a7
  • #5983a3
  • #577e9f
  • #547a9b
  • #527597
  • #507092
  • #4d6b8e
  • #4b6688
  • #486183
  • #455c7e
  • #425779
  • #3f5273
  • #3c4d6e
  • #394969
  • #364464
  • #34405f
  • #313c5a
  • #2f3856
  • #2c3552
  • #2a324e
  • #282f4b
  • #262d48
  • #252a45

CSS

background: conic-gradient(from 230deg in oklch, oklch(66.14% 0.0992 38.67) 0.0%, oklch(66.56% 0.0979 38.65) 1.3%, oklch(67.08% 0.0963 38.34) 2.5%, oklch(67.69% 0.0944 37.80) 3.8%, oklch(68.37% 0.0922 37.09) 5.1%, oklch(69.11% 0.0898 36.25) 6.3%, oklch(69.91% 0.0872 35.34) 7.6%, oklch(70.76% 0.0846 34.41) 8.9%, oklch(71.63% 0.0818 33.52) 10.1%, oklch(72.53% 0.0789 32.72) 11.4%, oklch(73.44% 0.0760 32.06) 12.7%, oklch(74.35% 0.0732 31.60) 13.9%, oklch(75.25% 0.0704 31.38) 15.2%, oklch(76.13% 0.0677 31.46) 16.5%, oklch(76.98% 0.0651 31.90) 17.7%, oklch(77.79% 0.0628 32.75) 19.0%, oklch(78.54% 0.0606 34.05) 20.3%, oklch(79.23% 0.0587 35.87) 21.5%, oklch(79.84% 0.0571 38.26) 22.8%, oklch(80.37% 0.0558 41.26) 24.1%, oklch(80.81% 0.0549 44.95) 25.3%, oklch(81.22% 0.0544 49.49) 26.6%, oklch(81.62% 0.0541 54.89) 27.8%, oklch(82.01% 0.0541 61.05) 29.1%, oklch(82.39% 0.0543 67.87) 30.4%, oklch(82.74% 0.0547 75.27) 31.6%, oklch(83.07% 0.0553 83.15) 32.9%, oklch(83.37% 0.0560 91.43) 34.2%, oklch(83.63% 0.0569 100.01) 35.4%, oklch(83.84% 0.0579 108.80) 36.7%, oklch(84.01% 0.0590 117.71) 38.0%, oklch(84.13% 0.0601 126.65) 39.2%, oklch(84.19% 0.0612 135.52) 40.5%, oklch(84.19% 0.0623 144.24) 41.8%, oklch(84.12% 0.0634 152.72) 43.0%, oklch(83.98% 0.0644 160.85) 44.3%, oklch(83.75% 0.0653 168.56) 45.6%, oklch(83.45% 0.0662 175.75) 46.8%, oklch(83.05% 0.0668 182.33) 48.1%, oklch(82.56% 0.0673 188.20) 49.4%, oklch(81.97% 0.0677 193.33) 50.6%, oklch(81.26% 0.0680 198.02) 51.9%, oklch(80.44% 0.0682 202.33) 53.2%, oklch(79.51% 0.0685 206.29) 54.4%, oklch(78.49% 0.0687 209.93) 55.7%, oklch(77.38% 0.0689 213.27) 57.0%, oklch(76.19% 0.0691 216.35) 58.2%, oklch(74.93% 0.0692 219.19) 59.5%, oklch(73.62% 0.0693 221.81) 60.8%, oklch(72.25% 0.0694 224.25) 62.0%, oklch(70.84% 0.0694 226.53) 63.3%, oklch(69.40% 0.0694 228.67) 64.6%, oklch(67.94% 0.0694 230.71) 65.8%, oklch(66.47% 0.0693 232.66) 67.1%, oklch(64.98% 0.0691 234.57) 68.4%, oklch(63.51% 0.0689 236.44) 69.6%, oklch(62.04% 0.0687 238.32) 70.9%, oklch(60.60% 0.0684 240.22) 72.2%, oklch(59.19% 0.0680 242.18) 73.4%, oklch(57.82% 0.0676 244.21) 74.7%, oklch(56.45% 0.0671 246.31) 75.9%, oklch(55.02% 0.0665 248.36) 77.2%, oklch(53.52% 0.0658 250.36) 78.5%, oklch(51.96% 0.0650 252.30) 79.7%, oklch(50.36% 0.0641 254.19) 81.0%, oklch(48.73% 0.0631 256.02) 82.3%, oklch(47.09% 0.0620 257.79) 83.5%, oklch(45.43% 0.0609 259.49) 84.8%, oklch(43.78% 0.0598 261.14) 86.1%, oklch(42.16% 0.0587 262.71) 87.3%, oklch(40.56% 0.0576 264.21) 88.6%, oklch(39.00% 0.0565 265.65) 89.9%, oklch(37.50% 0.0554 267.01) 91.1%, oklch(36.06% 0.0543 268.30) 92.4%, oklch(34.71% 0.0533 269.51) 93.7%, oklch(33.44% 0.0524 270.64) 94.9%, oklch(32.28% 0.0515 271.69) 96.2%, oklch(31.23% 0.0508 272.65) 97.5%, oklch(30.31% 0.0501 273.53) 98.7%, oklch(29.53% 0.0496 274.33) 100.0%);

In these collections

Extra celestial

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works