Color Picker
Pick colors, convert between HEX/RGB/HSL/HSV/CMYK, and browse curated palettes (Tailwind, Nord, Solarized, Dracula, GitHub, Material, One Dark)
Curated Palettes
29 of 29 palettes — Tailwind CSS v3 (22 families × 11 shades), Nord, Solarized, Dracula, GitHub, Material, and One Dark. Click any swatch to copy.
Tailwind Slate
11 colorsTailwind CSS Slate family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Gray
11 colorsTailwind CSS Gray family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Zinc
11 colorsTailwind CSS Zinc family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Neutral
11 colorsTailwind CSS Neutral family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Stone
11 colorsTailwind CSS Stone family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Red
11 colorsTailwind CSS Red family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Orange
11 colorsTailwind CSS Orange family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Amber
11 colorsTailwind CSS Amber family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Yellow
11 colorsTailwind CSS Yellow family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Lime
11 colorsTailwind CSS Lime family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Green
11 colorsTailwind CSS Green family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Emerald
11 colorsTailwind CSS Emerald family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Teal
11 colorsTailwind CSS Teal family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Cyan
11 colorsTailwind CSS Cyan family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Sky
11 colorsTailwind CSS Sky family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Blue
11 colorsTailwind CSS Blue family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Indigo
11 colorsTailwind CSS Indigo family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Violet
11 colorsTailwind CSS Violet family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Purple
11 colorsTailwind CSS Purple family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Fuchsia
11 colorsTailwind CSS Fuchsia family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Pink
11 colorsTailwind CSS Pink family — 11 shades from 50 (lightest) to 950 (darkest).
Tailwind Rose
11 colorsTailwind CSS Rose family — 11 shades from 50 (lightest) to 950 (darkest).
Nord
16 colorsArctic, north-bluish color palette inspired by the polar regions.
Solarized Light
16 colorsEthan Schoonover's precision palette for dark-on-light UIs.
Solarized Dark
16 colorsPrecision palette flipped for light-on-dark UIs.
Dracula
11 colorsDark theme palette for code editors and terminals.
GitHub
12 colorsGitHub's default light and accent palette.
Material Design
18 colorsGoogle Material Design base color palette.
One Dark
10 colorsAtom One Dark theme palette, popular in code editors.