Skip to content

Grabient palettes

Copper and steel blue metallic facets

Black, brown, peach and gray blue color palette

Dark brown and reddish copper lift through caramel, peach and champagne cream before cooling through pale sage-gray into muted steel blue. Angular swatches, 32 colors at 315°: #1f191a, #754736, #cb9059, #f5d4b1, #799aa7. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #1f191a
  • #261c1d
  • #2e2021
  • #392525
  • #442b29
  • #51312d
  • #5e3930
  • #6a4033
  • #754736
  • #814f39
  • #8c573c
  • #98603f
  • #a46942
  • #af7346
  • #b97c4a
  • #c38651
  • #cb9059
  • #d59b66
  • #dfa776
  • #e9b287
  • #f1bd97
  • #f6c7a4
  • #f8cfad
  • #f5d4b1
  • #ebd6b0
  • #dad4ad
  • #c2ceab
  • #a9c5ab
  • #94b9ac
  • #85adac
  • #7ca2aa
  • #799aa7

CSS

background: conic-gradient(from 315deg, oklch(22.05% 0.0110 8.44) 0.000% 3.125%, oklch(23.80% 0.0157 11.05) 3.125% 6.250%, oklch(26.11% 0.0221 14.60) 6.250% 9.375%, oklch(28.87% 0.0298 18.84) 9.375% 12.500%, oklch(31.94% 0.0382 23.50) 12.500% 15.625%, oklch(35.20% 0.0468 28.31) 15.625% 18.750%, oklch(38.52% 0.0551 33.00) 18.750% 21.875%, oklch(41.77% 0.0627 37.31) 21.875% 25.000%, oklch(44.85% 0.0690 41.01) 25.000% 28.125%, oklch(47.94% 0.0752 44.40) 28.125% 31.250%, oklch(51.13% 0.0815 47.66) 31.250% 34.375%, oklch(54.36% 0.0875 50.77) 34.375% 37.500%, oklch(57.62% 0.0930 53.70) 37.500% 40.625%, oklch(60.84% 0.0974 56.45) 40.625% 43.750%, oklch(63.99% 0.1006 58.98) 43.750% 46.875%, oklch(67.04% 0.1020 61.28) 46.875% 50.000%, oklch(70.02% 0.1013 63.02) 50.000% 53.125%, oklch(73.36% 0.0980 62.78) 53.125% 56.250%, oklch(76.91% 0.0926 61.24) 56.250% 59.375%, oklch(80.42% 0.0858 59.39) 59.375% 62.500%, oklch(83.63% 0.0784 58.27) 62.500% 65.625%, oklch(86.29% 0.0710 58.88) 65.625% 68.750%, oklch(88.15% 0.0643 62.23) 68.750% 71.875%, oklch(88.97% 0.0589 69.36) 71.875% 75.000%, oklch(88.40% 0.0551 81.71) 75.000% 78.125%, oklch(86.37% 0.0519 99.93) 78.125% 81.250%, oklch(83.27% 0.0493 122.16) 81.250% 84.375%, oklch(79.53% 0.0471 146.49) 84.375% 87.500%, oklch(75.56% 0.0453 170.97) 87.500% 90.625%, oklch(71.79% 0.0438 193.69) 90.625% 93.750%, oklch(68.64% 0.0425 212.72) 93.750% 96.875%, oklch(66.54% 0.0413 226.13) 96.875% 100.000%);

In these collections

Bedazzled

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works