Dynamic Color Palette Generator

Choose Your Base Hue: Use the “Hue Picker” to select a hue (in 10-degree increments) at full saturation (100%) and brightness (100%).
Tune and Generate Tints and Shades: Fine-tune your palette by adjusting hue, saturation, and brightness, or input your brand color hex. The tool then generates 50 tints (from white #FFFFFF to your color) and 50 shades (from your color to black #000000), each swatch displaying its CIELAB luminance (L*) value for a versatile monochrome palette.
Fine-Tune for UI Design: Filter your palette by setting Minimum and Maximum L* luminance values—e.g., backgrounds at L* 95–100 (light) or L* 0–5 (dark), text at L* 0–10 (light) or L* 90–100 (dark), and buttons at L* 30–50 (light) or L* 60–80 (dark). Export your palette for use in Figma or Photoshop—perfect for UX, web design, and digital illustration.

Hex Code:

Hue (0-360):

S (0-100):

B (0-100):

Min L*:

Max L*: