Huehive Logo

HueHive

Vibrant Warm To Cool Spectrum

28 views
Yellow Light #FFF2B3
Yellow Normal #E6C84D
Yellow Dark #B39B1F
Yellow-Orange Light #FFE0B3
Yellow-Orange Normal #E6A84D
Yellow-Orange Dark #B3781F
Orange Light #FFD1B3
Orange Normal #E67E4D
Orange Dark #B3541F
Orange-Red Light #FFC2B3
Orange-Red Normal #E65C4D
Orange-Red Dark #B33A1F
Red Light #F5B3B3
Red Normal #C94A4A
Red Dark #8F2F2F
Red-Purple Light #E6B3CC
Red-Purple Normal #B84A7A
Red-Purple Dark #7A2F52
Purple Light #D9C2EB
Purple Normal #8A5FBF
Purple Dark #5A3A7A
Purple-Blue Light #C2CCE6
Purple-Blue Normal #5F78B8
Purple-Blue Dark #3A4F7A
Blue Light #B3D9F5
Blue Normal #4A8CC9
Blue Dark #2F5E8F
Blue-Green Light #B3E6E0
Blue-Green Normal #4AB8A8
Blue-Green Dark #2F7A70
Green Light #C2E6B3
Green Normal #6FB84A
Green Dark #4A7A2F
Green-Yellow Light #E0F0B3
Green-Yellow Normal #B8CC4A
Green-Yellow Dark #7A8F2F
#FFF2B3 Yellow Light
#E6C84D Yellow Normal
#B39B1F Yellow Dark
#FFE0B3 Yellow-Orange Light
#E6A84D Yellow-Orange Normal
#B3781F Yellow-Orange Dark
#FFD1B3 Orange Light
#E67E4D Orange Normal
#B3541F Orange Dark
#FFC2B3 Orange-Red Light
#E65C4D Orange-Red Normal
#B33A1F Orange-Red Dark
#F5B3B3 Red Light
#C94A4A Red Normal
#8F2F2F Red Dark
#E6B3CC Red-Purple Light
#B84A7A Red-Purple Normal
#7A2F52 Red-Purple Dark
#D9C2EB Purple Light
#8A5FBF Purple Normal
#5A3A7A Purple Dark
#C2CCE6 Purple-Blue Light
#5F78B8 Purple-Blue Normal
#3A4F7A Purple-Blue Dark
#B3D9F5 Blue Light
#4A8CC9 Blue Normal
#2F5E8F Blue Dark
#B3E6E0 Blue-Green Light
#4AB8A8 Blue-Green Normal
#2F7A70 Blue-Green Dark
#C2E6B3 Green Light
#6FB84A Green Normal
#4A7A2F Green Dark
#E0F0B3 Green-Yellow Light
#B8CC4A Green-Yellow Normal
#7A8F2F Green-Yellow Dark

Vibrant Warm to Cool Spectrum

About This Color Palette

Here is the color palette based on your specifications:

json
{
  "palette_name": "Vibrant Warm to Cool Spectrum",
  "colors": [
    {
      "name": "Yellow Light",
      "hex_code": "
                            
                            #FFF2B3
                        "
    },
    {
      "name": "Yellow Normal",
      "hex_code": "
                            
                            #E6C84D
                        "
    },
    {
      "name": "Yellow Dark",
      "hex_code": "
                            
                            #B39B1F
                        "
    },
    {
      "name": "Yellow-Orange Light",
      "hex_code": "
                            
                            #FFE0B3
                        "
    },
    {
      "name": "Yellow-Orange Normal",
      "hex_code": "
                            
                            #E6A84D
                        "
    },
    {
      "name": "Yellow-Orange Dark",
      "hex_code": "
                            
                            #B3781F
                        "
    },
    {
      "name": "Orange Light",
      "hex_code": "
                            
                            #FFD1B3
                        "
    },
    {
      "name": "Orange Normal",
      "hex_code": "
                            
                            #E67E4D
                        "
    },
    {
      "name": "Orange Dark",
      "hex_code": "
                            
                            #B3541F
                        "
    },
    {
      "name": "Orange-Red Light",
      "hex_code": "
                            
                            #FFC2B3
                        "
    },
    {
      "name": "Orange-Red Normal",
      "hex_code": "
                            
                            #E65C4D
                        "
    },
    {
      "name": "Orange-Red Dark",
      "hex_code": "
                            
                            #B33A1F
                        "
    },
    {
      "name": "Red Light",
      "hex_code": "
                            
                            #F5B3B3
                        "
    },
    {
      "name": "Red Normal",
      "hex_code": "
                            
                            #C94A4A
                        "
    },
    {
      "name": "Red Dark",
      "hex_code": "
                            
                            #8F2F2F
                        "
    },
    {
      "name": "Red-Purple Light",
      "hex_code": "
                            
                            #E6B3CC
                        "
    },
    {
      "name": "Red-Purple Normal",
      "hex_code": "
                            
                            #B84A7A
                        "
    },
    {
      "name": "Red-Purple Dark",
      "hex_code": "
                            
                            #7A2F52
                        "
    },
    {
      "name": "Purple Light",
      "hex_code": "
                            
                            #D9C2EB
                        "
    },
    {
      "name": "Purple Normal",
      "hex_code": "
                            
                            #8A5FBF
                        "
    },
    {
      "name": "Purple Dark",
      "hex_code": "
                            
                            #5A3A7A
                        "
    },
    {
      "name": "Purple-Blue Light",
      "hex_code": "
                            
                            #C2CCE6
                        "
    },
    {
      "name": "Purple-Blue Normal",
      "hex_code": "
                            
                            #5F78B8
                        "
    },
    {
      "name": "Purple-Blue Dark",
      "hex_code": "
                            
                            #3A4F7A
                        "
    },
    {
      "name": "Blue Light",
      "hex_code": "
                            
                            #B3D9F5
                        "
    },
    {
      "name": "Blue Normal",
      "hex_code": "
                            
                            #4A8CC9
                        "
    },
    {
      "name": "Blue Dark",
      "hex_code": "
                            
                            #2F5E8F
                        "
    },
    {
      "name": "Blue-Green Light",
      "hex_code": "
                            
                            #B3E6E0
                        "
    },
    {
      "name": "Blue-Green Normal",
      "hex_code": "
                            
                            #4AB8A8
                        "
    },
    {
      "name": "Blue-Green Dark",
      "hex_code": "
                            
                            #2F7A70
                        "
    },
    {
      "name": "Green Light",
      "hex_code": "
                            
                            #C2E6B3
                        "
    },
    {
      "name": "Green Normal",
      "hex_code": "
                            
                            #6FB84A
                        "
    },
    {
      "name": "Green Dark",
      "hex_code": "
                            
                            #4A7A2F
                        "
    },
    {
      "name": "Green-Yellow Light",
      "hex_code": "
                            
                            #E0F0B3
                        "
    },
    {
      "name": "Green-Yellow Normal",
      "hex_code": "
                            
                            #B8CC4A
                        "
    },
    {
      "name": "Green-Yellow Dark",
      "hex_code": "
                            
                            #7A8F2F
                        "
    }
  ]
}

This palette features a vibrant spectrum of colors ranging from warm yellows and oranges to cool greens and blues. It can be used for a variety of projects that require a colorful and lively aesthetic.

Would you like to modify any colors or add new ones to this palette?

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

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)

Yellow Light

#FFF2B3

Yellow Normal

#E6C84D

Yellow Dark

#B39B1F

Yellow-Orange Light

#FFE0B3

Yellow-Orange Normal

#E6A84D

Yellow-Orange Dark

#B3781F

Orange Light

#FFD1B3

Orange Normal

#E67E4D

Orange Dark

#B3541F

Orange-Red Light

#FFC2B3

Orange-Red Normal

#E65C4D

Orange-Red Dark

#B33A1F

Red Light

#F5B3B3

Red Normal

#C94A4A

Red Dark

#8F2F2F

Red-Purple Light

#E6B3CC

Red-Purple Normal

#B84A7A

Red-Purple Dark

#7A2F52

Purple Light

#D9C2EB

Purple Normal

#8A5FBF

Purple Dark

#5A3A7A

Purple-Blue Light

#C2CCE6

Purple-Blue Normal

#5F78B8

Purple-Blue Dark

#3A4F7A

Blue Light

#B3D9F5

Blue Normal

#4A8CC9

Blue Dark

#2F5E8F

Blue-Green Light

#B3E6E0

Blue-Green Normal

#4AB8A8

Blue-Green Dark

#2F7A70

Green Light

#C2E6B3

Green Normal

#6FB84A

Green Dark

#4A7A2F

Green-Yellow Light

#E0F0B3

Green-Yellow Normal

#B8CC4A

Green-Yellow Dark

#7A8F2F

Color Wheel Distribution

Harmony Analysis

Dominant Temperature

--

Harmony Type

--

Analyzing color relationships...

Color Values (HSL)

Select Background

Select Text Color

Contrast 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 WCAG Scores

Normal Text

  • AA requires 4.5:1 ratio
  • AAA requires 7.0:1 ratio

Large Text (18pt+ or 14pt+ bold)

  • AA requires 3.0:1 ratio
  • AAA requires 4.5:1 ratio

What would you like to do?

Other Similar Palettes

#FF0000
#FFA500
#FFFF00
#008000
#00FFFF
#0000FF
#800080
#FFC0CB
#1e3a8a
#60a5fa
#14b8a6
#1f2937
#f3f4f6
#facc15
#f87171
#FF0000
#FF4500
#FFA500
#FFCC33
#FFD700
#D4ED00
#8EE53F
#1E824C
#30D5C8
#046D8B
#0099FF
#4B0082
#8F00FF
#C71585
#D8A1C4
#000000
#FFFAFA
#8B4513
#F6E7D8
#D5A678
#8B5E3C
#4B3425
#3A1F12
#705135
#FFF5E8
#C4E9F8
#EAF8FF
#F5B7B1
#F9E79F
#ABEBC6
#3C3C3C
#800080
#FFFF00
#0000FF
#008000
#FF0000
#BF0000
#FFA500
#FFD700
#008000
#0000BF
#800080
#646566
#FFFFFF

Update Your Palette

Current Palette

Yellow Light
Yellow Normal
Yellow Dark
Yellow-Orange Light
Yellow-Orange Normal
Yellow-Orange Dark
Orange Light
Orange Normal
Orange Dark
Orange-Red Light
Orange-Red Normal
Orange-Red Dark
Red Light
Red Normal
Red Dark
Red-Purple Light
Red-Purple Normal
Red-Purple Dark
Purple Light
Purple Normal
Purple Dark
Purple-Blue Light
Purple-Blue Normal
Purple-Blue Dark
Blue Light
Blue Normal
Blue Dark
Blue-Green Light
Blue-Green Normal
Blue-Green Dark
Green Light
Green Normal
Green Dark
Green-Yellow Light
Green-Yellow Normal
Green-Yellow Dark

Vibrant Warm to Cool Spectrum

Try these examples: