A
ARTIFX
DreamySoftMulti-colorArtistic2022–Present#30 · Modern

Mesh Gradient UI

Multi-point gradients that blend colors like a watercolor painting. Soft, dreamlike backgrounds with overlapping color pools in pastel or vivid hues.

Live Preview
Real components, rendered in the Mesh Gradient UI style.

Everything you see below — buttons, cards, type and colour — is this theme applied live, so you know exactly how your product would feel.

Component Card
Uses the real Mesh Gradient UI tokens — not a stock image.

Color Palette

Soft Pink
#FEC8D8
Lavender
#D4B4FE
Sky Blue
#BAE6FD
Mint
#A7F3D0
Lemon
#FEF08A

Typography

DisplayAa Bb Cc
H2Aa Bb Cc
H3Aa Bb Cc
BodyAa Bb Cc
CaptionAa Bb Cc
MonoAa Bb Cc

Component Gallery

// Buttons
// Cards
UI/UX
UI/UX

Design System

Consistent visual language and component patterns for scalable product teams.

Dev
Dev

Component Lib

Reusable building blocks that maintain visual consistency across all surfaces.

Docs
Docs

Style Guide

Documented rules for typography, spacing, color, and interaction patterns.

// Form Elements
// Navigation Bar
LOGO
HomeAboutWorkContact
// Badges & Tags
Design SystemComponentv2.0BetaNewFeaturedOpen Source

Mobile Preview

LOGO
Dreamy
Mesh Gradient UI
Multi-point gradients that blend colors like a watercol...
Feature Card
Component example in this style

What Defines This Style

The signature details that make Mesh Gradient UI instantly recognisable.

01

Multiple radial gradients overlapping at different points

02

Soft, blurred color pools — no hard transitions

03

Often combined with glassmorphism overlays

04

Pastel or vibrant — both work equally well

05

Background color sets the entire mood of the interface

Industries & Business Models

Mesh Gradient UI works best for these industries

🤖
AI & SaaS
Cognitive AI & Enterprise SaaS Systems
Explore Models →
💰
Finance / FinTech
Financial Ingestion & Ledgers Technology
Explore Models →
🎨
Creator Economy
Digital Media Monetization Engines
Explore Models →
30 / 86 styles