Essential cookies keep Huevex running. With your permission we also measure how the site is used. Nothing optional loads until you choose. Cookie Policy

Color palettes that survive contact with a real UI.

For UI designers and developers: browse 1,000,000+ scored palettes, then turn one into a full color system: shade scales, semantic status colors, CSS variables and Tailwind tokens.

Browsing is free forever, no account needed. A free account adds Color Engine and Tokara: 2 generations a day, no credit card required.

Visual Intelligence Index™

Over a million palettes. One standard to measure them.

Huevex holds more than one million color systems, palettes, gradients and swatches, built on brand color data from up to 75,000 brands in each of 20 industries. Every one is scored on the six things that decide whether a color system holds up in a real UI.

1,000,000+

color systems, palettes, gradients and swatches

20

industries analyzed

75,000

brands analyzed per industry, at most

6

measures in every score

Up to six measures. One score out of 10.

  • Anchor Strength

    Does one color clearly lead and give the brand an identity people recognize?

  • Role Separation

    Does each color have its own job (primary, secondary, accent) without competing?

  • Value Range

    Is there enough light-to-dark contrast to build hierarchy?

  • Chroma Rhythm

    Are vivid and muted colors placed with purpose, not by accident?

  • Use Range

    Do the colors hold up across backgrounds, type, accents and real brand applications?

  • Brief Fit

    Does the palette suit the audience, personality and purpose it was made for?

Visual Intelligence Index™

Desert Ochre

8.7/10Strong

Scoring Breakdown

Anchor Strength7.2
Role Separation8.5
Value Range10.0
Chroma Rhythm10.0
Use Range8.0

Live from the library

Prussian Basin Fuchsia9.2/10

See its full score breakdown →

Built for UI designers and developers who need a color system, not just a palette.

Inspiration That Sparks Ideas

Browse 1,000,000+ palettes, gradients and swatches across style, mood and industry.

Color Generation From Anything

Start from a hex, an image or a website, and get palettes built to work as UI.

Visual Intelligence Index™ Evaluates Every Palette

Every palette is scored 0-10 on anchor strength, roles, value range, chroma rhythm, use range and brief fit.

Creative Guidance

Know if your palette will work before you ship: contrast, roles and scales checked for you.

Complete Color Workflows

One palette becomes 50-900 shade scales, semantic status colors and dark-mode tokens.

Save, Organize, and Collaborate

Keep palettes and systems in your studio and pick them up on any project.

Color Engine

Start from a hex, an image, or a site you admire, and get a palette scored for real UI work.

Color Engine: generate a palette from a single base color

Base Color

Start with a single color and explore new creative possibilities.

Color Engine: extract a palette from an uploaded image

Image

Upload an image and discover colors hidden within your inspiration.

Color Engine: extract a palette from an existing website

Website

Use an existing website as thestarting point for new ideas.

Create a Free Account

Tokara

Stop hand-deriving shades. One palette becomes scales, semantic status colors, hover states and dark-mode tokens, ready to paste into your Tailwind config.

Tide Ford Coral

1

Core Brand Palette

Choose a New Palette

Select the layers icon on any palette to create a color system.

Primary
Secondary
Support 1
Support 2
Accent
Highlight
2

Brand Color Scales

50

#eeedf0

100

#e3e1e7

200

#d3cdda

300

#c1b7cc

400

#aea1bf

500

#9B8AB0

600

#7f659e

700

#634d7d

800

#443457

900

#2b2137

3

Neutral Scale

50

#F9FAFB

100

#F3F4F6

200

#E5E7EB

300

#D1D5DB

400

#9CA3AF

500

#6B7280

600

#4B5563

700

#374151

800

#1F2937

900

#111827

950

#4a3564

4

Semantic Status Colors

Success

Background#ECFDF5
Border#A7F3D0
Text / Icon#10B981
Strong Fill#059669

Warning

Background#FFFBEB
Border#FDE68A
Text / Icon#F59E0B
Strong Fill#D97706

Error

Background#FEF2F2
Border#FECACA
Text / Icon#EF4444
Strong Fill#DC2626

Information

Background#f7f7f8
Border#d8d1e0
Text / Icon#876ea6
Strong Fill#9B8AB0

Success, Warning, and Error use standardized semantic signaling colors that remain consistent across palettes. "Information" is derived from your brand's primary color scale.

5

Interaction Colors

Primary Button

Background#9B8AB0
Border#725695
Text / Icon#FFFFFF

Secondary Button

Default#e6e6f0
Hover#c6c6dc
Pressed#9d9dc8
Text / Icon#1d1d4e

Links & States

Link Default#876ea6
Link Hover#725695
Focus Ring#9f8fb3
Selected State#f7f7f8
Disabled State#D1D5DB
6

Surface Colors

Canvas

#FFFFFF

Elevated

#F9FAFB

Card

#FFFFFF

Overlay

#181818

Modal

#F8F8F8

Inverse

#9B8AB0

Input

#F3F4F6

Selected

#f7f7f8

7

Text & Icon Colors

Primary

#111827

Secondary

#4B5563

Tertiary

#9CA3AF

Disabled

#D1D5DB

Inverse

#FFFFFF

Brand

#876ea6

8

Border Colors

Subtle

#F3F4F6

Standard

#E5E7EB

Strong

#D1D5DB

Focus

#9B8AB0

Error

#FCA5A5

Selected

#9B8AB0

Inverse

#374151

9

Brand Extensions

Backgrounds

Light

#FFFFFF

Dark

#4a3564

Suggested Off-White Backgrounds

Cool Off-White

#f5f3f7

Warm Off-White

#f3f3f7

Neutral Off-White

#f5f4f5

Soft Off-White

#f4f4f5

10

Save & Export

Design Formats

HEX List
ASE
CSV
PDF Style Sheet

Dev Formats

CSS Variables
SCSS
Tailwind
JSON Tokens

Explorer accounts export the HEX list. Foundry unlocks ASE, PDF, CSS, SCSS, Tailwind and JSON.

Not all color tools are created equal.

Most color tools stop at generation. Huevex goes further by helping you evaluate, understand, and create color combinations that perform with lasting confidence.

Feature
Competitors
Palettes built from brand color data across 20 industries
Every palette scored 0-10 on six measures
Contrast, roles and value range checked before you ship
One palette out as a color system: shade scales, CSS variables, Tailwind tokens

Intelligence at every step.

Step 1

Start with Inspiration

Browse curated colors, palettes, and gradients to find your starting point.

Step 2

Generate with Purpose

Create palettes, gradients, and systems from any source.

Step 3

Score with Visual Intelligence Index™

Evaluate every palette against the visual factors that matter most.

Step 4

Refine with Guidance

Get intelligent insights and recommendations to improve your work.

Step 5

Save & Bring to Life

Organize, export, and apply your color systems to any project.

What's in the library

Every palette, gradient and swatch is free to browse and copy as HEX.

0+
Palettes
0+
Gradients
0+
Color swatches
0
Measures in every score

Huescape

Discover colors, find inspiration, and browse at your own pace.

Newly Added

Coralhaven

Squally Wrapped

Vectoraura

Triumphant Victorious

Embershore

Ephemeral Nascent

Coralhaven

Squally Wrapped

Vectoraura

Triumphant Victorious

Embershore

Ephemeral Nascent

Trending Now

Velestrate

Sunset Peach

Tidal Wave

Dusk Shadow

Tech Tidal

Statemarine

Velestrate

Sunset Peach

Tidal Wave

Dusk Shadow

Tech Tidal

Statemarine

Hidden Gems

Squally Wrapped

Voltathrum

Ephemeral Nascent

Nexus of Innovation

Warm Sand

Dynamic Stride

Squally Wrapped

Voltathrum

Ephemeral Nascent

Nexus of Innovation

Warm Sand

Dynamic Stride

Questions people ask before they sign up

Why should I trust the scores?
A score is arithmetic on your palette, not an opinion. Each one is built from up to six measures: anchor strength, role separation, value range, chroma rhythm, use range and brief fit. The breakdown is shown next to the number, so you can disagree with one measure instead of with a black box.
Does Foundry give me real tokens?
Yes. Foundry exports CSS variables, SCSS, a Tailwind config and JSON, alongside ASE, PDF and the HEX list, so what you copy out is what your code consumes.
What do I get free?
A free Explorer account gets 2 generation credits a day, unlimited browsing of the 1,000,000+ palette library, palette scoring and the HEX export. No credit card, no time limit.
Can I get my palettes out?
Every palette and color system copies as HEX values. Foundry adds ASE, PDF, CSS, SCSS, Tailwind and JSON, and a full system exports as one set rather than color by color.

Ready to create better outcomes?

Join thousands of creatives who are building stronger, smarter, and more intentional color combinations with Huevex.

Create Your Free Account