Color workflow

Color Palette Generator & Inspiration

Explore 170+ curated color schemes by hue and mood. Features a built-in RGB/HEX converter, brightness analysis, best-text-color hints and a favorites manager.
shadcn · design tools
Categories
11
Schemes
160
Favorites
0/20
Color Toolkit (RGB ↔ HEX)
Convert between RGB and HEX, compute brightness (0–255), and get a recommended black/white text color.
Presets
Brightness
76
Best Text Color
Light
Inspiration Library
HEX Copied
Filters

Red

Orange

Yellow

Yellow-Green

Green

My Collection

No favorites yet. Click the heart icon on any palette to save it here.

Usage Guide & Tips
How to Use
  • Click Swatch: Instantly copy HEX code.
  • Dual Views: Switch between "Hue" and "Mood" modes via top tabs.
  • Converter: Real-time RGB/HEX conversion with best-text-color hints.
  • Favorites: Save your best finds locally for quick access.
Pro Tips
  • 60-30-10 Rule: 60% Primary, 30% Secondary, 10% Accent.
  • Contrast: Aim for at least 4.5:1 contrast ratio for text (WCAG AA).
  • Consistency: Match color psychology (e.g., Blue for trust) with brand identity.
  • Nature: Extract palettes from natural landscape photos for harmony.

What is Color Palette Generator

A palette library and a color toolbox in one: browse 170+ curated schemes along two paths — by hue or by visual mood — heart the ones you like into a local favorites list, and use the built-in RGB↔HEX converter with brightness reading and best-text-color hints to sanity-check colors before shipping. Sign-in required.

How to use Color Palette Generator

  1. Browse schemes under the Hue or Mood tab
  2. Click a scheme to inspect values, preview fullscreen or favorite it
  3. Use the color toolbox to convert RGB/HEX and check brightness + text color

Frequently asked questions

How do I build a balanced palette?

The usual recipe is one primary, one secondary and one accent color in a similar brightness/saturation range — the library's schemes are already grouped by harmonic relationships, so picking one that looks right is a solid start.

Where are favorites stored?

In your browser's local storage — clearing site data wipes them. For long-term projects, record the HEX values in your design spec.

What does the color toolbox actually compute?

It converts between RGB and HEX, computes a brightness value (0–255) and recommends black or white as the better text color on that background — it's a readability hint, not a full WCAG audit.

Is Color Palette Generator free?

Color Palette Generator is completely free — open the page and use every feature with no hidden charges.

Do I need to download or install Color Palette Generator?

No download or installation is needed. It is an online tool that runs in the browser on your phone, tablet and computer.

Do I need an account to use Color Palette Generator?

No. Use the tool right away — no account or sign-in required.

Does Color Palette Generator work on mobile?

Yes. The page is fully responsive and works on phones, tablets and desktop browsers.