Color Ramp Generator

Create smooth color ramps with multiple stops. Good for building pixel art palettes and gradient swatches.

Learn more in the docs →
#1A1A2E#221E39#2C2344#37264E#422A57#4F2D5F#5D3067#6B326D#7A3571#893774#993976#A93B75#B93D73#C93F6F#D94269#E94560

Ramp Settings

Color Count
Interpolation

How It Works

Multi-Stop Gradients

Add multiple color stops to create complex ramps with precise control.

OKLCH Interpolation

Perceptually uniform color blending for smooth, natural-looking gradients.

Flexible Output

Generate 2 to 128 colors, good for pixel art palette creation.

Frequently Asked Questions

How do I add color stops?

Click anywhere on the gradient bar to add a new color stop. Drag stops to reposition them. Double-click a stop to change its color. Right-click to remove a stop.

What is OKLCH interpolation?

OKLCH is a perceptually uniform color space. Gradients in OKLCH look more natural than RGB blending, especially between different hues. It avoids muddy intermediate colors.

How is this different from the Palette Mixer?

The Palette Mixer blends between two colors. The Color Ramp Generator supports multiple color stops, giving you full control over complex multi-color gradients.