Cocoaa Ice

Cocoaa Ice: Eagle, a blend of warm beige and cool cyan, evokes a serene, beachy vibe.

🎨 Use this gradient for a calming, coastal-themed design.

💡 This gradient is reminiscent of the natural hues found in eagle feathers and sea ice.

Eagle
#C0C0AA
Cyan / Aqua
#1CEFFF

CSS Linear Gradient Code

/* Cocoaa Ice CSS Linear Gradient Background */
.gradient {
  background: #c0c0aa;
  background: linear-gradient(
    to right,
    #c0c0aa,#1cefff
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Cocoaa Ice TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#c0c0aa] to-[#1cefff]"></div>

Cocoaa Ice - 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 Cocoaa Ice color palette gradient background 👍
December 21, 2024 at 4:18 PM

CSS Linear Gradient Button

Home
Why Cocoaa Ice?

Linear Gradient Border

Cocoaa Ice
Share

CSS Font Gradient

The Best Cocoaa Ice Tailwind CSS Landing Pages

Shade of Cocoaa Ice

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