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.

Shoot Neon Cirque

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

#f5f2e9

100

#f2ebd7

200

#f0e3b9

300

#f0da96

400

#f3d271

500

#F0C851

600

#f0ba17

700

#c59608

800

#8b6903

900

#594300

3

Neutral Scale

50

#F9FAFB

100

#F3F4F6

200

#E5E7EB

300

#D1D5DB

400

#9CA3AF

500

#6B7280

600

#4B5563

700

#374151

800

#1F2937

900

#111827

950

#9b7503

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#fcfaf2
Border#f9e9b9
Text / Icon#f2bf26
Strong Fill#F0C851

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#F0C851
Border#e6af0a
Text / Icon#FFFFFF

Secondary Button

Default#edefe6
Hover#d6dbc7
Pressed#bcc5a0
Text / Icon#37411b

Links & States

Link Default#f2bf26
Link Hover#e6af0a
Focus Ring#f0c851
Selected State#fcfaf2
Disabled State#D1D5DB
6

Surface Colors

Canvas

#FFFFFF

Elevated

#F9FAFB

Card

#FFFFFF

Overlay

#181818

Modal

#F8F8F8

Inverse

#F0C851

Input

#F3F4F6

Selected

#fcfaf2

7

Text & Icon Colors

Primary

#111827

Secondary

#4B5563

Tertiary

#9CA3AF

Disabled

#D1D5DB

Inverse

#FFFFFF

Brand

#f2bf26

8

Border Colors

Subtle

#F3F4F6

Standard

#E5E7EB

Strong

#D1D5DB

Focus

#F0C851

Error

#FCA5A5

Selected

#F0C851

Inverse

#374151

9

Brand Extensions

Backgrounds

Light

#FFFFFF

Dark

#9b7503

Suggested Off-White Backgrounds

Cool Off-White

#f7f6f3

Warm Off-White

#f6f7f3

Neutral Off-White

#f5f5f4

Soft Off-White

#f5f5f4

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

Tech Tidal

Golden Hours

Dynamic Stride

Voltathrum

Warm Sand

Statemarine

Tech Tidal

Golden Hours

Dynamic Stride

Voltathrum

Warm Sand

Statemarine

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