Hersheys: Eternity #1e130c to Stonewall #9a8478, a journey from deep chocolate to rustic stone.

๐ŸŽจ Use this gradient for a warm, earthy aesthetic.

๐Ÿ’ก This gradient mimics the color transition in a Hershey's chocolate bar, from dark to milk chocolate.

CSS Linear Gradient Code

/* Hersheys CSS Linear Gradient Background */
.gradient {
  background: #1e130c;
  background: linear-gradient(
    to right,

TailwindCSS Logo TailwindCSS Linear Gradient

/* Hersheys TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#1e130c] to-[#9a8478]"></div>

Hersheys - UI Design Examples

You can use this gradient in your UI design in many ways, for example as a background in a tweet, for buttons or as a text gradient.

Tweet Background Generator

Ilias Ism
Ilias Ism
I love this Hersheys color palette gradient background ๐Ÿ‘
June 20, 2024 at 1:20 PM

CSS Linear Gradient Button

Why Hersheys?

Linear Gradient Border


CSS Font Gradient

The Best Hersheys Tailwind CSS Landing Pages

Shade of Hersheys

We hope you enjoyed Hersheys. Keep reading for more amazing colorful content for developers, designers and creators!
View our entire collection of UI gradientsView all our color names