After the Rain

A vibrant and playful color scheme featuring hot pink, yellow orange, gorse, green yellow, malibu, and mauve.

๐ŸŽจ Add a pop of color to your designs with this lively gradient.

๐Ÿ’ก This color scheme is reminiscent of a beautiful sunset after a refreshing rain shower.

CSS Linear Gradient Code

/* After the Rain CSS Linear Gradient Background */
.gradient {
  background: #ff75c3;
  background: linear-gradient(
    to right,
    #ff75c3,#ffa647,#ffe83f,#9fff5b,#70e2ff,#cd93ff
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* After the Rain TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#ff75c3] via-[#ffa647] to-[#ffe83f]"></div>

After the Rain - 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
@illyism
I love this After the Rain color palette gradient background ๐Ÿ‘
April 15, 2024 at 9:08 PM

CSS Linear Gradient Button

Home
Why After the Rain?

Linear Gradient Border

After the Rain
Share

CSS Font Gradient

The Best After the Rain Tailwind CSS Landing Pages

Shade of After the Rain

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