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 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

@illyism

I love this After the Rain color palette gradient background 👍

December 25, 2024 at 5:49 AM

CSS Linear Gradient Button

Home

Why After the Rain?

Linear Gradient Border

After the Rain

Press me 👆

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 gradients View all our color names

Bluelagoo