Business Website To Create Custom Marketing Campaign
About This Color Palette
Marketing Campaign
1. Primary -
#FF6B6B
- A vibrant red color to grab attention for important elements.
2. Secondary 1 -
#6BFFB8
- A refreshing mint green to provide balance and harmony.
3. Secondary 2 -
#FFDF6B
- A bright yellow for highlighting secondary information.
4. Background Light 1 -
#F5F5F5
- A light gray background for a clean and professional look in light theme.
5. Background Light 2 -
#E0E0E0
- A slightly darker gray for subtle contrast in light theme.
6. Background Light 3 -
#CCCCCC
- A soft gray for additional depth in light theme.
7. Background Dark 1 -
#333333
- A dark gray background for elegance and sophistication in dark theme.
8. Background Dark 2 -
#2C2C2C
- A deeper gray for emphasis in dark theme.
9. Background Dark 3 -
#262626
- A charcoal gray for richness and depth in dark theme.
10. Border Light -
#D1D1D1
- A light gray border for subtle separation in light theme.
11. Border Dark -
#636363
- A dark gray border for clear distinction in dark theme.
Follow-up questions:
- Do you have any specific preferences for the primary color, such as brand colors or industry standards?
- Would you like to incorporate any additional accent colors for specific elements on the website?
- What is the overall mood or emotion you want to convey through the color palette for the marketing campaign customization website?
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.
Primary
#FF6B6B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Mint Bliss
#6BFFB8
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)White Smoke
#F5F5F5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Kingly Cloud
#E0E0E0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Silverback
#CCCCCC
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Carbon
#333333
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)The End
#2C2C2C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Nero
#262626
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pinball
#D1D1D1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Border Dark
#636363
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lemon Tart
#FFDF6B
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