Sign Up Sign Up
Color Tools & Palettes

Color Tools & Palettes

Explore 6,200+ curated palettes or generate your own from a harmony wheel, a mood or a single brand color — check WCAG contrast, build shades and tints, and export to CSS variables, Tailwind, SCSS, JSON tokens or Figma.

All tools

Color tools

Colors Palettes
Colors Palettes

Trending color palettes for your projects.
Palette Generator
Palette Generator

Create harmonious color schemes: complementary, triadic and more.
Color Extractor
Color Extractor

Pull color palettes from uploaded images or URLs.
Contrast Checker
Contrast Checker

Verify WCAG compliance for text and background pairs.
Shades & Tints
Shades & Tints

Generate lighter and darker variations for any base color.
Design System Generator
Design System Generator

Visualize color palettes and their properties.

Palettes with metadata

Every palette in the library has a name, mood, harmony type, temperature and tone, so you can filter by the feeling you are after rather than scrolling. Each one exports as CSS, SCSS, Tailwind, JSON or a Figma board.

Generate for real interfaces

The Palette Generator is built for UI work: harmony wheel and mood presets, UI-theme mode with semantic roles, WCAG contrast checks on every pair, and design-token output you can drop into a codebase.

From image to palette

Upload a photo, logo or screenshot and extract its dominant colors — with names, HEX/RGB/HSL/OKLCH values and one-click save to your palettes.

Colors & Palettes API

Convert, name and harmonize colors, or search the palette library, over a free REST API and MCP.

Frequently Asked Questions

The generator shows WCAG AA/AAA contrast for text and background pairs as you build, and the Contrast Checker verifies any two colors.

CSS custom properties, SCSS variables, Tailwind config, JSON design tokens, PNG/SVG swatches and a paste-ready Figma board.