Why I Built GradientsHub — My Reflections on Color Over the Past Six Months

Over the past six months, I’ve devoted much of my spare time to a small project called GradientsHub.

What started as a rough 3-hour prototype has evolved into a full-featured toolkit supporting Mesh Gradients, Image Color Picker, Text Gradients, Contrast Checker, multi-color gradient library, Tailwind palettes, and more. It’s grown from a spur-of-the-moment toy into a product I genuinely care about maintaining.

People often ask me:

“Why did you suddenly decide to build a gradient website? Aren’t there already tons of gradient generators out there?” “Does this even make sense? Can it make money?”

Today, I want to answer these questions systematically — why I built GradientsHub, and what I’ve learned about color over the past year.

Why Build GradientsHub?

Simply put, there are two core reasons:

Reason 1: I genuinely, desperately needed it myself

In early 2025, I planned to build a comprehensive UI component library based on Tailwind (I later realized the workload was enormous and difficult for one person to maintain with high quality).

But when looking for references, adjusting colors, and creating backgrounds, I kept hitting the same wall: beautiful gradients were too hard to find, too hard to tune, and too hard to reuse across different contexts.

Existing tools were either too simple (just linear gradients), too complex, produced unfriendly code, or simply didn’t match my design preferences.

One day, I finally couldn’t take it anymore. I spent three hours building a crude gradient generator that supported multiple color points, randomization, SVG output… and then there was no turning back.

Reason 2: I wanted to make “color” more free and friendly

I increasingly realized that color isn’t exclusive to designers. Frontend developers, indie hackers, content creators, even social media influencers — everyone struggles with color palettes.

So I set a somewhat “contradictory” standard for myself: all core features must be free, must work out of the box, must output developer-friendly formats (CSS + Tailwind + PNG/SVG), and must consider accessibility.

That’s how GradientsHub was born. It wasn’t about “building a website” — it was about solving problems I kept stepping into, hoping it would also help other ordinary creators like you and me.

10 Insights on Color from the Past Year

Color seems simple, but it’s actually the part of design where it’s easiest to fool yourself — and easiest to crash and burn. Here are my key takeaways:

1. Mesh + Noise + Blur is Becoming the New Mainstream for Texture

When I first created a Mesh gradient with noise + blur, I finally understood why everyone’s chasing Aurora, Liquid Metal, and Glassmorphism. The combination of multi-point organic transitions + graininess can create depth and emotion reminiscent of real materials (glass, metal, water, aurora).

Pure linear gradients already feel too “AI” in 2026. AI-generated gradients tend to have uniform aesthetics (90% lean indigo/purple/neon cyberpunk), rarely producing truly diverse, warm, or minimalist tones.

Lesson: Trends are moving toward more organic, “noise-textured” directions. AI is a tool, but aesthetics still need human tuning.

2. OKLCH is the Real Savior for Modern Gradients

I used to adjust gradients with HSL/HSB — change the brightness or saturation slightly, and the hue would go completely off track. After switching to OKLCH, I finally understood how satisfying “perceptually uniform” color space feels. Now all GradientsHub palettes default to OKLCH — because it’s just that good.

Lesson: If you’re still using HSL for gradients, try OKLCH. The experience is completely different.

3. Users Don’t Want “Infinite Customization” — They Want “One-Click Beautiful Results”

I initially created tons of parameters (angle, noise intensity, blur radius, color point positions…) only to discover most people just want to click Random or Copy. So I made the Random and Generate buttons super prominent, and user retention noticeably improved.

Lesson: Giving users a quick path to good results matters more than piling up parameters.

4. Extracting Gradients from Photos/Art is More Efficient Than Inventing from Scratch

After launching the Image Color Picker, it became my most-used feature. Toss in a photo or screenshot I like, and instantly get a gorgeous gradient set ready for secondary design.

Lesson: The best source of inspiration is “existing beautiful things,” not starting from a blank slate.

5. Monochrome + Ultra-Subtle Gradients Are Quietly Becoming the New Mainstream

I used to think gradients needed to be “obvious” transitions. Then I noticed many top 2026 landing pages use almost imperceptible micro-gradients + large negative space. Minimalism isn’t dead — it just evolved into a more sophisticated, restrained expression.

Lesson: Restraint is often more sophisticated than abundance. The power of micro-gradients shouldn’t be underestimated.

6. Tools for Others Must Polish the “Copy Experience” to Perfection

One-click Copy CSS, one-click Copy Tailwind, dark mode preview, favorites… these features I originally considered “nice to have” became the most requested by users.

Lesson: What users remember isn’t how powerful your features are, but how painless it is to use them.

7. Gradients Matter Far More for Emotional Communication Than Imagined

Warmth/coolness, brightness/darkness, saturation, noise intensity — these directly affect user emotions. Neon noise brings excitement, cream micro-gradients bring calm, metallic sheen brings tech vibes. After tuning thousands of gradients, I realized color isn’t just “pretty” — it’s secretly manipulating the viewer’s mood.

Lesson: When choosing colors, first ask yourself what emotion you want to convey.

8. Color Accessibility Can’t Be Retrofitted

Many designers finish their color scheme before remembering contrast checks, often requiring extensive rework. In GradientsHub, I added real-time contrast detection because I discovered: no matter how beautiful the colors, if users can’t see them clearly, it equals zero.

Lesson: Accessibility isn’t a bonus — it’s the baseline. Consider it from the start.

9. Gradient Direction Has Semantics

The same color combination feels completely different when gradient direction changes:

• Light to dark: Stability, groundedness
• Dark to light: Ascent, hope

In user research, many had intuitive preferences for direction but couldn’t articulate why.

Lesson: When choosing gradient direction, consider the emotion you want to convey.

10. The Best Colors Are the Ones Users Choose Themselves

GradientsHub initially only had my curated gradients. After adding custom features, data showed: user-created gradients had 3x the usage frequency of presets.

Lesson: A tool’s value lies in empowerment, not replacement. Provide good presets, but more importantly, let users easily find what they want.

In Closing

GradientsHub is far from successful by conventional measures — no funding, no team, no ad monetization. It’s purely a product of my “passion + OCD.”

But it made me fall in love with color again, and made me believe that even working alone, as long as you’re solving real problems you personally face, you’ll definitely help some people along the way.

If you’re also struggling with color palettes, you’re welcome to explore and play anytime.

Thanks to everyone who’s been with me through the pitfalls and progress this past year. See you in the next post!

GradientsHub March 2026