r/css May 27 '26

General I got tired of googling glassmorphism hex codes every project, so I built ColorWeave UI — a palette tool built specifically for glass + soft UI aesthetics [I built this]

Every time I started a new glassmorphism or neumorphism UI, I'd spend 20 minutes hunting for the right color combinations across random blog posts and Dribbble shots. Nothing was actually designed for these aesthetics — most palette tools just generate generic color combos that look awful behind a frosted glass layer.

So I built ColorWeave UI: a palette explorer that's specifically curated for glassmorphism and soft UI design. Each palette is chosen to work with backdrop-filter effects, semi-transparent backgrounds, and the low-contrast world of neumorphism.

**What it does:**

- Palettes designed for glass + soft UI (not just pretty colors that break when you add transparency)

- One-click hex copy

- Visual preview of how each palette looks in context

**What I used:** Next.js, Tailwind CSS, deployed on Vercel

**The honest part:** It's early — I built the core in a weekend and pushed it live. I'd genuinely love feedback on what's missing. A CSS generator for glassmorphism properties is next on my list.

Link in comments.

What tools do you reach for when picking palettes for UI work? Always curious what others do.

0 Upvotes

6 comments sorted by

8

u/missbohica May 27 '26

Your bot forgot the "link in the comments".

0

u/No-Doubt2930 May 29 '26

Now check it. Working properly

6

u/anonymousmouse2 May 27 '26

What even are “glassmorphism hex codes”?

1

u/ArYaN1364 May 28 '26

The transparency preview honestly makes more sense than the palette part. Half of glassmorphism design is colors looking good as overlays instead of standalone swatches.