100% Free
No paywalls. No sign-up. Every feature unlocked forever.
Base Color
Hue
Saturation
Lightness
Alpha
Shift
Hue Shift
Saturation Shift
Lightness Shift
Alpha Shift
Super Color Palette
A premium, real-time OKHSL palette generator with harmony modes, accessibility checks, and one-click exports — built for designers who care about the details.
Blazing Fast
Real-time OKHSL engine — every drag updates instantly.
Real-time
See harmony, shift and easing changes as you tweak.
OKHSL Native
Perceptually uniform color space for smoother ramps.
Accessible
WCAG 2.2 pairwise contrast matrix built right in.
Multi-format Export
CSS, SCSS, Tailwind, JSON, SVG and PNG — one click.
Shift Color Properties
Nudge hue, saturation, lightness and alpha across the whole palette with per-step precision easing.
Edit Individual Colors
Fine-tune any single swatch with OKHSL sliders — the rest of the palette stays exactly where you want it.
Adjust the Entire Palette
Apply global adjustments — temperature, vibrance, contrast — to remix a full palette in one motion.
Generate color harmonies
Seven built-in harmony modes let you explore analogous ramps, complementary pairs, triads and more — instantly.
Analogous
Complementary
Triadic
AnalogousComplementarySplit ComplementaryTriadicTetradicMonochromatic
Undo & Redo
A full history stack keeps every exploration recoverable. Ctrl/Cmd + Z to step back, Shift to jump forward — you never lose a good idea.
Image Import
Drop any image and extract its dominant palette in a second. Perfect for turning moodboards, brand shots or photography into working color systems.
Accessibility checking
Every pair of swatches gets a WCAG 2.2 verdict. AA, AAA, large text — see at a glance which combinations you can safely ship.
Custom Easing
Curve hue, saturation, lightness and alpha with precision easing. Get smooth, natural ramps without hand-tuning each stop.
Alpha Support
Layer translucent swatches to preview tinted glass, overlays and depth effects before you ever write a line of CSS.