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?
Overview
Welcome back, here's what's happening today.
Revenue Growth
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.
Good Morning
Here's your daily update
Today
Logo Variations
Business Card
John Doe
Creative Director
john.doe@brandname.com
+1 (555) 123-4567
www.brandname.com
Type Scale
Heading 1
Bold / 48pxHeading 2
Bold / 36pxHeading 3
Bold / 30pxHeading 4
Bold / 24pxBody text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Regular / 16pxArticle Layout
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
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.
Normal Text
Large Text
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