Peach

A vibrant blend of Amaranth pink and Colonial White, reminiscent of a peachy sunset.

🎨 Use this gradient for a warm, inviting design.

💡 This gradient is inspired by the colors of a ripe peach and a colonial-era parchment.

CSS Linear Gradient Code

/* Peach CSS Linear Gradient Background */
.gradient {
  background: #ED4264;
  background: linear-gradient(
    to right,
    #ED4264,#FFEDBC
  );
}

/* Peach TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#ED4264] to-[#FFEDBC]"></div>

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.

Ilias Ism

I love this Peach color palette gradient background 👍

December 21, 2024 at 3:46 PM

Home

Why Peach?

Peach

Press me 👆

The Best Peach Tailwind CSS Landing Pages

We hope you enjoyed Peach. Keep reading for more amazing colorful content for developers, designers and creators!