All palettes

Terracotta Gradient

Terracotta gradient from butter yellow to terracotta for warm 2027 designs, backgrounds and phone wallpapers. Butter Yellow #F6E3A1 at the top, terracotta #C8643C at the bottom; CSS: linear-gradient(180deg, #F6E3A1 0%, #C8643C 100%). Palettio saves gradients and exports them as CSS or SVG for free.

  • Butter Yellow
  • Terracotta

Tap a code to copy it.

Make one from your own photo

Palettio pulls the palette out of any photo or screenshot, reads a single color live through the camera, checks contrast, and exports the codes as CSS, JSON and more.

Download on theApp Store Get it onGoogle Play
A gradient card on a dark page titled Terracotta Gradient: a vertical gradient from butter yellow #F6E3A1 to terracotta #C8643C, with the CSS code below it.

More palettes