Color Palette Generator
Create beautiful color schemes, harmonies, and shade lists with real-time WCAG contrast score checks.
Click to pick
#2dd4bf
rgb(45, 212, 191)hsl(172°, 66%, 50%)
Click to pick
#0f766e
rgb(15, 118, 110)hsl(175°, 77%, 26%)
Click to pick
#115e59
rgb(17, 94, 89)hsl(176°, 69%, 22%)
Click to pick
#14b8a6
rgb(20, 184, 166)hsl(173°, 80%, 40%)
Click to pick
#99f6e4
rgb(153, 246, 228)hsl(168°, 84%, 78%)
Shades & Tints
Varying lightness levels of the selected slot (#2dd4bf)
Tints (Lighter)
Shades (Darker)
Contrast & Accessibility
Evaluated against WCAG 2.1 standards for text readability
Aa
White Text Contrast1.86:1
Aa
Black Text Contrast11.28:1
Export Configurations
CSS Custom Variables
Tailwind Configuration
Raw JSON Colors Array
Frequently Asked Questions
Is my data sent to a server when using the Color Palette Generator?
No. The Color Palette Generator is a fully client-side utility. All data processing, calculations, and conversions are handled locally in your browser. No input text, payloads, or keys are uploaded to any external server.
Which color formats are supported?
The converter supports HEX, RGB (Red, Green, Blue), HSL (Hue, Saturation, Lightness), and CMYK (Cyan, Magenta, Yellow, Black) formats.
Does it support color alpha transparency (opacity)?
Yes, you can adjust color opacity by converting to RGBA, HSLA, or 8-character HEX formats that define the alpha transparency channel.
What is WCAG contrast validation?
It measures the luminance contrast ratio between background and foreground colors. A ratio of 4.5:1 is required for normal text under WCAG AA standards, and 7:1 for AAA standards.
Does the Color Palette Generator store history or cache my inputs?
No. The application runs entirely in browser memory. Once you refresh the tab, navigate away, or close the window, all inputted details, logs, and outputs are completely cleared.
Is the Color Palette Generator compatible with mobile devices?
Yes. The interface is optimized to be fully responsive. You can perform calculations, conversions, and formats on all modern mobile, tablet, and desktop web browsers.
Does the Color Palette Generator work offline?
Yes. Once loaded, all code and assets required to run the Color Palette Generator reside in your browser cache, enabling offline use without an active network connection.