Skip to main content

Prompt Studio Generate Picker From Image Convert Contrast Gradient Explore

Tools

Guide Color Wheel Color Mixer Color Library CSS Shadows Mesh Gradient CSS Patterns Color Animation Design System Design Tokens Token Studio Material 3 Tailwind Colors Display P3 Dark Mode Preview Templates Palette Visualizer Duotone Recolor SVG Favicon Maker Brand Story Image Picker Camera Picker Palette from URL Palette Diff Palette to Prompt Palette to Painting Spatial Palette Spatial Worlds Fix A11y Fix CVD Colorblind Trends Color Game Blog

Integrations

Public API Browser Extension Figma Plugin VS Code CLI GitHub Action Raycast MCP Server Open Source

Prompt Studio Generate Picker From Image Convert Contrast Gradient Explore Guide Color Wheel Color Mixer Color Library CSS Shadows Mesh Gradient CSS Patterns Color Animation Design System Design Tokens Token Studio Material 3 Tailwind Colors Display P3 Dark Mode Preview Templates Palette Visualizer Duotone Recolor SVG Favicon Maker Brand Story Image Picker Camera Picker Palette from URL Palette Diff Palette to Prompt Palette to Painting Spatial Palette Spatial Worlds Fix A11y Fix CVD Colorblind Trends Color Game Blog Public API Browser Extension Figma Plugin VS Code CLI GitHub Action Raycast MCP Server Open Source

Ready to design with better color?

No sign-up. Just open a tool and go.

Generate a palette

The ultimate color toolkit for designers and developers. 40+ free tools, no sign-up, fast on every device.

Tools

Palette Generator
Color Picker
Extract from Image
Color Converter
Contrast Checker
Color Wheel
Gradient Maker
Color Mixer
Palette Visualizer
Preview Studio
Tailwind Colors
All 40+ tools →

Discover

Explore Palettes
Color Trends
Named Colors
Search ColorUI
Color Game
Blog

Learn

Color Glossary
How to: WCAG
How to: Extract
WCAG Explained
HEX vs OKLCH vs LAB
Color Blindness

Surfaces

Figma plugin
VSCode extension
Chrome extension
Raycast extension
CLI
GitHub Action
MCP server
Public API

Project

Open source
Changelog
Status
About
Accessibility
Security

Privacy·Terms·Cookies·Blog RSS·Releases RSS·JSON Feed·humans.txt·llms.txt·Support·Discord

© 2026 ColorUI · Made with care for color lovers.

Material You / M3

Material 3 tonal palette generator.

One seed color produces five tonal families across 16 luminance steps - just like Android's Material You system. Click any chip to copy.

Seed color

Primary

md-primary-*

Secondary

md-secondary-*

Tertiary

md-tertiary-*

Neutral

md-neutral-*

Error

md-error-*

Keep exploring

Turn one color into a 12-step OKLCH scale.

Export to W3C DTCG, Style Dictionary, SCSS.

Tailwind Colors

Browse the full Tailwind palette.