Reaqua

Reaqua: Christi #799F0C,Olivine #ACBB78 is a vibrant, earthy gradient that evokes a sense of nature and tranquility.

  • 🎨 This gradient works well for designs related to environment, sustainability, or organic products.
  • 💡 The color Olivine is named after the olive-green mineral, commonly found in Earth's subsurface.
Christi

#799f0c

Olivine

#acbb78

CSS Linear Gradient Code

				
					/* Reaqua CSS Linear Gradient Background */
.gradient {
  background: #799F0C;
  background: linear-gradient(
    to right,
    #799F0C,#ACBB78
  );
}
				
			

TailwindCSS Linear Gradient

				
					/* Reaqua TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#799F0C] to-[#ACBB78]"></div>
				
			

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

Martha Samuel

@marthatalks

I love this Reaqua color palette gradient background 👍
July 7, 2025 05:24

CSS Linear Gradient Button

Home
Why Reaqua?
Get Started

Linear Gradient Border

Reaqua

CSS Font Gradient

The Best

Reaqua

Tailwind CSS

Landing Pages

Shade of Reaqua
We hope you enjoyed Reaqua. Keep reading for more amazing colorful content for developers, designers and creators!
Reaqua
Christi
Olivine