Skip to content

Grabient palettes

Terracotta and mauve color palette

Analogous brown, black and pink color palette

The Terracotta and mauve color palette brings together orange, red, dark gray, and light orange. Radial gradient, 32 colors: #b35e38, #5a342b, #261b1b, #473938, #e7b8a4. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #b35e38
  • #ac5a37
  • #a35637
  • #985036
  • #8c4b34
  • #7f4532
  • #723e30
  • #65392d
  • #5a342b
  • #502f28
  • #482b26
  • #412924
  • #3b2622
  • #352220
  • #2f1f1e
  • #2a1d1c
  • #261b1b
  • #241a1a
  • #231a1a
  • #241c1c
  • #281f1f
  • #2e2424
  • #382d2d
  • #473938
  • #5a4745
  • #6f5854
  • #866a64
  • #9d7c74
  • #b48e83
  • #c99f90
  • #dbad9c
  • #e7b8a4

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(57.48% 0.1226 43.59) 0.0%, oklch(55.93% 0.1178 42.87) 3.2%, oklch(53.83% 0.1112 41.94) 6.5%, oklch(51.32% 0.1034 40.84) 9.7%, oklch(48.51% 0.0946 39.61) 12.9%, oklch(45.53% 0.0853 38.28) 16.1%, oklch(42.51% 0.0758 36.88) 19.4%, oklch(39.56% 0.0665 35.45) 22.6%, oklch(36.81% 0.0577 34.03) 25.8%, oklch(34.39% 0.0498 32.64) 29.0%, oklch(32.42% 0.0432 31.33) 32.3%, oklch(30.85% 0.0379 30.02) 35.5%, oklch(29.20% 0.0330 28.45) 38.7%, oklch(27.53% 0.0285 26.70) 41.9%, oklch(25.97% 0.0245 24.87) 45.2%, oklch(24.62% 0.0210 23.06) 48.4%, oklch(23.60% 0.0181 21.38) 51.6%, oklch(23.01% 0.0158 19.92) 54.8%, oklch(22.97% 0.0142 18.80) 58.1%, oklch(23.59% 0.0133 18.12) 61.3%, oklch(24.97% 0.0133 17.98) 64.5%, oklch(27.27% 0.0142 18.49) 67.7%, oklch(30.96% 0.0166 19.83) 71.0%, oklch(35.88% 0.0205 21.88) 74.2%, oklch(41.72% 0.0254 24.49) 77.4%, oklch(48.18% 0.0311 27.47) 80.6%, oklch(54.92% 0.0372 30.66) 83.9%, oklch(61.64% 0.0434 33.87) 87.1%, oklch(68.01% 0.0493 36.95) 90.3%, oklch(73.72% 0.0546 39.71) 93.5%, oklch(78.45% 0.0589 41.98) 96.8%, oklch(81.89% 0.0620 43.59) 100.0%);

In these collections

Paper lantern duskCopperPlum orchard harvestAlpine harvest embroidery

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works