2 Color Palette Generator

Create a palette from 2 colors (HEX). Generate Tailwind-style 50–900 scales, bridge palettes, and export CSS variables or JSON tokens.

Generator FAQ Export Tip: click any swatch to copy HEX
HEX accepts: #RRGGBB, RRGGBB, #RGB Share link updates automatically (URL query params).
If count = 10 → also writes 50–900 keys

What you can generate

  • Unified 50–900 scale from Color A to Color B
  • Two separate scales (A and B) + bridge steps
  • Multiple palette modes (OKLab/OKLCH/HSL and more)

FAQ

How do you generate a palette from two colors?

We interpolate between two HEX colors in perceptual color spaces (OKLab/OKLCH) to create visually even steps.

Can I export to Tailwind?

You can export CSS variables or JSON tokens, and map 10-color outputs to 50–900 keys.