About Color Palette Generator
Generates five-color palettes using color theory harmony rules. Choose from nine palette types—random, monochromatic, analogous, complementary, triadic, tetradic, warm, cool, and pastel—then fine-tune with a base color picker. Lock individual colors to preserve them across regenerations. Export as CSS custom properties, SCSS variables, or JSON.
- Nine palette algorithms: random, monochromatic (lightness shifts), analogous (±30° hue), complementary (180°), triadic (120°), tetradic, warm (0–60°), cool (180–240°), pastel (high lightness, low saturation)
- Lock/unlock individual colors—locked colors survive regeneration
- Each color displays HEX, RGB, and HSL values
- Built-in WCAG contrast ratio check between adjacent palette colors
- Export palettes as CSS :root variables, SCSS $variables, or raw JSON
- Save and load named palettes within the session
Frequently Asked Questions
- How does the complementary palette algorithm work?
- It takes your base color, calculates the opposite hue (180° on the color wheel), then generates lightness variations of both the base and complement to fill five swatches.
- Are the accessibility checks using WCAG standards?
- Yes. The tool calculates contrast ratios between adjacent colors using the W3C relative luminance formula and checks against the WCAG AA threshold of 4.5:1.