Lighten & Darken Scale
Color Palette Generator

// Dive into the full spectrum of any color — from sun-bleached tints to deep, shadowed shades.

Base Color

Primary HSL

Mix Color HSL

Controls

Steps 5

Harmony Angle 180°

Lightness Shift 50%

Saturation Shift 50%

Mix Mode

White Black Custom HSL

Quick Presets

Copy All CSS

Lighten →

← Darken

Harmony Colors Based on harmony angle — click to use as base

Copied!

Lighten & Darken ScaleColor Palette Generator