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.

Mesh Gradient UI style preview
Sample PreviewMesh Gradient UI aesthetic

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
Design System
UI/UX

Design System

Consistent visual language and component patterns for scalable product teams.

Component Lib
Dev

Component Lib

Reusable building blocks that maintain visual consistency across all surfaces.

Style Guide
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

Key Characteristics

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