Color Shades Generator
Generate color shades and tints from any base color
Color Palette Generator
Generate harmonious color palettes from a base color using complementary, analogous, triadic, split-complementary, tetradic, and monochromatic rules. Export as CSS variables or Tailwind config.
Base Color
Pick a base color and a harmony rule.
Palette
Click any value to copy it.
Export
CSS Variables
Tailwind v3 Config
Tailwind v4 @theme
Related tools
Color Contrast Checker
Check the WCAG contrast ratio between a foreground and background color, and see whether it passes AA/AAA accessibility standards.
Color Converter
Convert between HEX, RGB, HSL, and CMYK color formats
Color Extractor
Extract the dominant color palette from any image with HEX, RGB, HSL, and percentage share