Welcome back, here's what's happening today.
Create stunning designs with our AI-powered color palette generator. Perfect for web, mobile, and print.
Optimized for speed and efficiency.
Enterprise-grade security built-in.
Intuitive interface for everyone.
Here's your daily update
John Doe
Creative Director
john.doe@brandname.com
+1 (555) 123-4567
www.brandname.com
Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Regular / 16pxColor 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."
Choosing the right color palette is crucial for brand identity. It communicates values without words and creates an instant connection with the audience.
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.
Red-blind (approx. 1% of men)
Green-blind (approx. 1% of men)
Blue-blind (very rare)
Total color blindness (monochromacy)
Explore lighter variations (tints) and darker variations (shades) of each color. Click any color to copy its hex code.
#228B22
#32CD32
#6B8E23
#3CB371
#556B2F
#00FF7F
#98FB98
#7FFF00
#2E8B57
#ADFF2F
#98FF98
#8FBC8F
#90EE90
#9ACD32
#F0FFF0
#8A9A5B
#00A36C
#50C878
#E8E5B2
#CFE2D0
#B2B88D
#4F7942
#56806F
#A8D8B9
#93C572
#A8CBA1
#008080
#8DB600
#009E4A
#7CFC00
#007A33
#7CFC00
#4F7942
#7A9A02
#4B8B3B
#6B8E23
#D2FF4D
#A8B400
#4CA965
#4BB543
#50B24B
#4DBF33
#C1E2B7
#4F832D
#8E9B76
#D0E8A5
#D6E5B1
#4D6B30
#B9EBC0
#A2D5AB
#E3E8B8
#91C9A7
#99D6A3
#B5B142
#8FAD6C
#7C9A5B
#01796F
#A3C6B5
#5C6B4C
#A7D77D
#B7E9A7
#8DCB7D
#5C8B2A
#6F8E4A
#D1D7A3
#A8CBA1
#4B7F3B
#B8D8B5
#B4D99E
#D6E5C1
#A8CBA1
#4F9E9D
#5F9F8E
#B9D3C2
#3A5A2E
#A4D65E
#A6CBA6
#A8D9A0
#4D8C2B
#29AB87
#C6E9D6
#8DB600
#B6D36D
#6D9B4A
#A9D9A0
#A8D8AB
#B3D7A0
#8F9B4E
#C9DDA4
#5D7F4B
#A3C0A2
#B5D99C
#A5C39D
#4B9A67
#BFDAB2
#4EC5A4
#A6D4A3
#A4D65E
#B2DCA6
#A7D6A6
#A0D585
#B8E2B7
#B2D9A3
#A3D89D
#A4D99C
#B8D8B5
#A0D6A8
#4B8B3B
#B3D9A5
#D1D9B1
#B9D6A3
#A5C3A9
#4D9B77
#A4D65E
#C1E7D1
#4D8C5D
#A8D8AB
#4F8B4E
#A6C7A1
#A0D5A5
#A3D5A6
#B2E5C4
#A6D89D
#B8D9A6
#A5D9A3
#A8D8AB
#B5D9A6
#A0D9A3
#A3D89D
#C6E3B1
#A6D89D
#B8D8B5
#4B8B3B
#B8D9A6
#A5D89D
#A3D9A3
#A6D8AB
#B8D8B5
#A0D5A5
#A6D89D
#B2D6A6
#A8D8AB
#A3D9A3
#A6D89D
#B8D8B5
#A0D5A5
#A6D89D
#4B8B3B
#A8D8AB
#A3D9A3
#B8D9A6
#C6E3B1
#A6D89D
#A0D5A5
#A3D9A3
#A6D8AB
#B8D8B5
#A0D5A5
#A3D9A3
#C6E3B1
#A6D89D
#A0D5A5
#4B8B3B
#A8D8AB
#A3D9A3
#B8D9A6
#A6D89D
#C6E3B1
#A0D5A5
#A3D9A3
#B8D8B5
#A6D89D
#A0D5A5
#A3D9A3
#B8D9A6
#C6E3B1
#A6D89D
#A0D5A5
#4B8B3B
#A8D8AB
#A3D9A3
#B8D9A6
#A6D89D
#C6E3B1
#A0D5A5
#A3D9A3
#B8D8B5
#A6D89D
#A0D5A5
Unlock advanced color wheel distribution, harmony detection, and HSL color analysis with Pro.
Upgrade to ProDominant Temperature
--
Harmony Type
--
Analyzing color relationships...
Color Values (HSL)
Colors
Colors
The quick brown fox jumps over the lazy dog.
Normal Text
Large Text
AI Contrast Fix Suggestions
Suggests background & text tweaks to reach WCAG targets.
Log in to unlock 3 free AI tries
Ready to suggest tweaks for AA/AAA.
Suggested pairs
Shortest hop that clears WCAG AA/AAA.
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.
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.
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.
Proper contrast is essential for everyone, but especially for people with color blindness, low vision, or those viewing screens in bright sunlight.
Just describe your vision in natural language and our AI creates the perfect color palette for you.
Upload, paste, or drag an image to instantly extract its dominant colors and create a matching palette.
See your palette applied to 7 real UI mockups – dashboards, landing pages, mobile apps, and more.
Check WCAG contrast ratios and simulate color blindness to ensure your designs work for everyone.
Explore shades, tints, gradients, and see your colors on a color wheel with harmony analysis.
Export to CSS, Tailwind, JSON, PNG, ASE and use in your favorite design tools.
Name
0 items
