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
Download Files
Copy Code
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.
Yellow Light
#FFF2B3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Yellow Normal
#E6C84D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Yellow Dark
#B39B1F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Yellow-Orange Light
#FFE0B3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Yellow-Orange Normal
#E6A84D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Yellow-Orange Dark
#B3781F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Orange Light
#FFD1B3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Orange Normal
#E67E4D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Orange Dark
#B3541F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Orange-Red Light
#FFC2B3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Orange-Red Normal
#E65C4D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Orange-Red Dark
#B33A1F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Red Light
#F5B3B3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Red Normal
#C94A4A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Red Dark
#8F2F2F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Red-Purple Light
#E6B3CC
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Red-Purple Normal
#B84A7A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Red-Purple Dark
#7A2F52
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Purple Light
#D9C2EB
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Purple Normal
#8A5FBF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Purple Dark
#5A3A7A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Purple-Blue Light
#C2CCE6
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Purple-Blue Normal
#5F78B8
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Purple-Blue Dark
#3A4F7A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Blue Light
#B3D9F5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Blue Normal
#4A8CC9
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Blue Dark
#2F5E8F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Blue-Green Light
#B3E6E0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Blue-Green Normal
#4AB8A8
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Blue-Green Dark
#2F7A70
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Green Light
#C2E6B3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Green Normal
#6FB84A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Green Dark
#4A7A2F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Green-Yellow Light
#E0F0B3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Green-Yellow Normal
#B8CC4A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Green-Yellow Dark
#7A8F2F
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)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