xiry.

Design · Web app

Super Color Palette

Color palette generator using property shifts and accessibility contrast checks

From the Xiry library · Updated 3 October 2026

Visit supercolorpalette.com ↗

Super Color Palette is a free web app that generates cohesive color palettes by mathematically shifting hue, saturation, lightness, and alpha channels across a base color. It supports multiple modern color spaces like OKHSL and LCH, custom easing curves, and built-in WCAG contrast matrices to ensure readable design systems.

What it's for

  • Generate consistent UI color scales using mathematical hue and lightness shifts
  • Audit color contrast ratios against WCAG 2.0 standards for text and graphics
  • Extract harmonious color palettes from imported images
  • Create layered palettes with transparency using alpha shift and stack mode

Features

  • Shift color properties including hue, saturation, lightness, and alpha with custom cubic bezier easing
  • Supports 5 color spaces: OKHSL, HSL, HSV, LCH, and HWB
  • Standard color harmony generators (monochromatic, analogous, complementary, triadic, tetradic)
  • WCAG 2.0 accessibility matrix previewing all color combinations and text sizes
  • Image import with automatic palette extraction
  • Support for up to 24 colors per group and up to 5 color groups
  • Color locking, undo/redo history, and individual color editing
  • Multiple export formats with zero ads

Pricing

Free. Completely free (supported by voluntary Patreon contributions)

Details

Type
Web app
Category
Design
Topic
Color Tools
Open source
No
Platforms
Web
For
UI/UX designers, front-end developers, and digital artists
Alternative to
Coolors, Adobe Color, Paletton
Tags
colors, palette generator, okhsl, accessibility, wcag, contrast, design systems

Why it was saved

  • @basit.designs, 26 January 2025: Generates cohesive, mathematically sound color palettes with controls for hue shifting, precision, and accessibility contrast.

Compare

Related

Updated