# Super Color Palette

> Color palette generator using property shifts and accessibility contrast checks

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.

Website: https://supercolorpalette.com/

## What it is 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](https://xiry.app/topics/design.md)
- 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](https://www.instagram.com/p/DFSiD2agcG3/): Generates cohesive, mathematically sound color palettes with controls for hue shifting, precision, and accessibility contrast.

## Compare

- [Alternatives to Adobe Color](https://xiry.app/alternatives/adobe-color.md)
- [Alternatives to Coolors](https://xiry.app/alternatives/coolors.md)

## Related

- [Colormind](https://xiry.app/resources/colormind): AI-powered color scheme generator that previews palettes on UI templates (Web app, Free)
- [Coolors](https://xiry.app/resources/coolors): Fast color palette generator, scheme explorer, and contrast tool for designers. (Web app, Freemium)
- [Minimal Product Design Cheatsheet](https://xiry.app/resources/minimal-product-design-cheatsheet): Quick typography, color palette, and iconography reference for clean product interfaces. (Tip, Free)
- [Refero Styles](https://xiry.app/resources/refero-styles): AI-readable DESIGN.md style references extracted from popular websites. (Web app, Free)
- [15 UI Sites You'll Need](https://xiry.app/resources/15-ui-sites-you-ll-need): Curated collection of 15 UI and design resources for polished websites. (List, Free)
- [Brand Identity Generation Prompt](https://xiry.app/resources/brand-identity-generation-prompt): AI prompt to expand a single logo into a full brand identity (Prompt, Free)

Updated 3 October 2026. Page: https://xiry.app/resources/super-color-palette

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.