Huehive Logo

HueHive

or press Space

Palette Tools

Customize Preview Colors

Upgrade to Pro
C
Croma
Dashboard
Analytics
Customers
Settings
John Doe
Admin
Search...

Overview

Welcome back, here's what's happening today.

+12%
$45,231
Total Revenue
+12%
2,345
Active Users
+12%
128
New Orders

Revenue Growth

Brand
Features Pricing About

Build something amazing

Create stunning designs with our AI-powered color palette generator. Perfect for web, mobile, and print.

Fast Performance

Optimized for speed and efficiency.

Secure by Default

Enterprise-grade security built-in.

Easy to Use

Intuitive interface for everyone.

9:41

Good Morning

Here's your daily update

Today

Design Review
10:00 AM
Team Meeting
11:30 AM
Lunch Break
1:00 PM
Project Focus
2:00 PM
Home
Search
Profile
B
BrandName
Sponsored
...
New Collection

Summer
Sale

Get up to 50% off on all items.

1,234 likes
BrandName Don't miss out on our biggest sale of the season! #summersale #fashion

Logo Variations

B
BrandName
B
BrandName

Business Card

B
BrandName

John Doe

Creative Director

john.doe@brandname.com

+1 (555) 123-4567

www.brandname.com

Type Scale

Heading 1

Bold / 48px

Heading 2

Bold / 36px

Heading 3

Bold / 30px

Heading 4

Bold / 24px

Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Regular / 16px

Article Layout

Design Trends

The Future of Color

Color trends are evolving rapidly. We are seeing a shift towards more vibrant, expressive palettes that capture attention and evoke emotion.

"Color is a power which directly influences the soul."

Why it matters

Choosing the right color palette is crucial for brand identity. It communicates values without words and creates an instant connection with the audience.

Abstract

Composition #01

Download Files

Copy Code

variables.css

          

Simulate how your palette appears to users with different types of color vision deficiencies. Approximately 8% of men and 0.5% of women have some form of color blindness.

Original Palette

Protanopia

Red-blind (approx. 1% of men)

Deuteranopia

Green-blind (approx. 1% of men)

Tritanopia

Blue-blind (very rare)

Achromatopsia

Total color blindness (monochromacy)

Shades & Tints

Explore lighter variations (tints) and darker variations (shades) of each color. Click any color to copy its hex code.

Obscure Ogre

#771102

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Hellbound

#6A0E02

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Caponata

#8B2D0C

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Picante

#A54A2B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Choco Chic

#9E3A1E

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Spiced

#C56C5B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Discreet Orange

#FFB3A3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Hazelnut Chocolate

#7B3F00

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Brown

#6F3700

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Embarrassed Frog

#8F5F0B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Ginger Dough

#A76B3C

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Chalet

#C69C6B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Brandy

#D9B48A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Prosecco

#FFD9A3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

War Paint Red

#D65F2B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Garfield

#B05325

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Bronzed

#E06A3A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Titian Red

#BF5A29

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Tiger of Mysore

#FF8C5A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Wax Flower

#F5B8A4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Noodles

#FFE7B5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Oriental Olive

#4F5B31

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Zen Garden Olive

#3E4B25

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Beyond the Pines

#657D4D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Matcha Mecha

#9BAE6B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Heavy Green

#4A5A3D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Four Leaf Clover

#7A8C56

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Morris Leaf

#C4D6B0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Honeycomb

#D4A300

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sunken Gold

#B89A00

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Gold Tooth

#E1B700

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Mustard

#D6B700

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sunshine Mellow

#F1C200

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

New Gold

#E9D05E

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sandworm

#FFEA80

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Whiskers

#F5F0E1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sugar Quill

#EAE4D6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Whiskers

#F7F2E1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dallas Dust

#F3E5D9

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sand Dune

#E5D3C0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Powdered

#F8F1E5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

White

#FFFFFF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Woodhaven

#9B7A6A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Acorn

#7E5D4A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Smoke Dragon

#C7B2A1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Weathered Wood

#B09D8A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Mocha Madness

#8C6B5A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Almond Milk

#D1C5B3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Mocha Ice

#E6D9D2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Khaki

#C4B59A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Incense

#B09A7A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cafe Latte

#D4C3B0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Bakery Brown

#A78E78

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Wheat Sheaf

#E2D6C7

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

3am Latte

#C2AA8B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Hint of Orange

#F4E4D7

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Pomegranate

#C05B52

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Young Salmon

#FFB3B3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Link to the Past

#D2B48C

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Curry Sauce

#C2A072

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Fabulous Fawn

#E5C2A4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Ginger Ale

#C4A96D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Champagne Gold

#EAD8B6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dune

#D4C1A1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sugar Glaze

#FFF0E1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Motherland

#B5B16D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Desert Locust

#A8A25B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Soda Pop

#C2C17B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Zoodles

#B1B86D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Force of Nature

#D1D26A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Celery Scepter

#E7E1A2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

James Blonde

#F3E6B8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Copper

#B87333

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sienna

#A65D2A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Pheasant

#C67C4E

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Polished Gold

#DFA053

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Goldie

#C59E4A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cane Sugar

#E6BA88

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Tuscan

#FFD6A5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Mustard Musketeers

#DAA520

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Mustard Seed

#C9A018

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Golden Frame

#E0B732

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Buzz

#F2C94C

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Brass Buttons

#E4B04B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Sunlight

#EDD29D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Cherry Sangria

#C72C3B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Christmas Red

#A92831

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Smooch Rouge

#D53D49

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Pimm’s

#C94F57

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Pastrami

#E27276

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Rosetti

#D19B9E

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Matt Pink

#FFB6C1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Firefly Glow

#FFF4A3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Palm Leaf

#2F4A2D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Everglade

#1F3A2D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Irish Clover

#4A6D4A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Ficus

#3D5B3C

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Irish Clover

#5C7A5B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Foliage

#8BAF8A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Limestoned

#A3C4A3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Ketchup

#9B3B30

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dockside Red

#7A2B24

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Conker

#B54A3A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Chocolate Chili

#A74033

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Bite My Tongue

#D37268

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Color Theory Analysis

Unlock advanced color wheel distribution, harmony detection, and HSL color analysis with Pro.

Upgrade to Pro

Color Wheel Distribution

Harmony Analysis

Dominant Temperature

--

Harmony Type

--

Analyzing color relationships...

Color Values (HSL)

Background Color

#

Colors

Text Color

#

Colors

Preview & Analysis

Aa

The quick brown fox jumps over the lazy dog.

Contrast Ratio --

Normal Text

WCAG AA --
WCAG AAA --

Large Text

WCAG AA --
WCAG AAA --

Understanding Contrast Ratios

4.5:1 (Level AA)

The minimum required contrast ratio for normal text to be considered accessible under WCAG 2.1 Level AA. For large text, the requirement is lower at 3.0:1. This is the standard target for most web content.

7.0:1 (Level AAA)

The "gold standard" for accessibility. Achieving a 7.0:1 ratio ensures that your text is readable even for people with significant vision loss. For large text, the AAA requirement is 4.5:1.

What counts as Large Text?

WCAG defines large text as anything 18pt (approx. 24px) or larger, or 14pt (approx. 18.66px) and bold or larger. Most headings fall into this category.

Why it matters

Proper contrast is essential for everyone, but especially for people with color blindness, low vision, or those viewing screens in bright sunlight.

New to HueHive? 🎨

Discover AI-powered color tools