Magic Lake

Magic Lake: Geyser #d5dee7,Sundown #ffafbd,Snow Flurry #c9ffbf

๐ŸŽจ Use this gradient to create a calming and serene atmosphere in your designs.

๐Ÿ’ก The colors in this gradient were inspired by the beautiful hues found in a magical lake at sunset.

CSS Linear Gradient Code

/* Magic Lake CSS Linear Gradient Background */
.gradient {
  background: #d5dee7;
  background: linear-gradient(
    to right,
    #d5dee7,#ffafbd,#c9ffbf
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Magic Lake TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#d5dee7] via-[#ffafbd] to-[#c9ffbf]"></div>

Magic Lake - 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 Magic Lake color palette gradient background ๐Ÿ‘
November 2, 2024 at 1:49 AM

CSS Linear Gradient Button

Home
Why Magic Lake?

Linear Gradient Border

Magic Lake
Share

CSS Font Gradient

The Best Magic Lake Tailwind CSS Landing Pages

Shade of Magic Lake

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