Design Runs in your browser

Color Palette Generator

Create a balanced light-to-dark palette from one base color for interfaces, charts, and design systems.

Input

Fields are ready to edit and update the result automatically.

Live

Ready.

Results update as you edit.

Keep exploring

Convert colors between HEX, RGB, and HSL with a live visual preview.

Check text and background colors against WCAG contrast guidance with a readable preview.

Pick two colors and an angle to generate copy-ready CSS for a linear gradient.

From the guide archive