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.

Visualizer

See your palette on real designs

Edit any swatch and watch all four mockups update in real time. Find the role assignment that just clicks.

Palette

Roles: BG, Surface, Accent, Text, Action

Layout

Aurora

ProductPricingDocs

New - - v3 launched

Ship beautiful products faster than ever.

A toolkit for designers and engineers who care about every pixel - and every color choice.

Design faster

Your palette, applied to a real card with body copy.

Code faster

Your palette, applied to a real card with body copy.

Ship faster

Your palette, applied to a real card with body copy.

Keep exploring

Turn a palette into a brand narrative.

Colorblind Simulator

Preview through deuter/prot/tritanopia.

Compare two palettes side by side.