Skip to content
Grabient palettes

Maroon, orange, yellow and beige linear swatches

Maroon, orange, yellow and beige color palette

Linear swatches, 7 colors at 90°: #2f0013, #79120d, #d04819, #ff8f1c, #ffd456, #fbffa2, #fff9a3. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #2f0013
  • #79120d
  • #d04819
  • #ff8f1c
  • #ffd456
  • #fbffa2
  • #fff9a3

CSS

background: linear-gradient(90deg, oklch(19.74% 0.0798 1.63) 0.000% 14.286%, oklch(37.27% 0.1372 28.80) 14.286% 28.571%, oklch(58.65% 0.1803 37.57) 28.571% 42.857%, oklch(75.52% 0.1737 58.07) 42.857% 57.143%, oklch(88.38% 0.1480 89.71) 57.143% 71.429%, oklch(97.65% 0.1157 110.51) 71.429% 85.714%, oklch(96.85% 0.1069 104.97) 85.714% 100.000%);

In these collections

Retro gradientsAutumn gradientsDiwali swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works