ColorPal

ColorPal

Your all-in-one color toolkit — 750+ colors, ready to use

Browse Material Design, Flat UI, Social Media & brand colors. Copy HEX, RGB, HSL in one click. Export to CSS, Tailwind, Figma & more.

Extract from ImageBrowse ColorsBrowse Icons

Color Palettes

Material Design

254

19 color families, 254 shades with accent variants

Tailwind CSS

242

22 color families, 242 shades from Tailwind's default palette

Flat UI Colors

20

20 vibrant colors from the Flat UI palette

Social Media

35

35 official brand colors from top social platforms

Metro UI

20

20 bold colors from Microsoft's Metro design

HTML Named Colors

138

138 CSS named colors for web development

Fluent Design

48

48 colors from Microsoft's Fluent Design System

Icon & Brand Colors

40

40 official colors from popular apps and brands

Gradient Palettes

Red to Blue

#F44336→#3B82F6

Pink to Purple

#E91E63→#9C27B0

Purple to Cyan

#9C27B0→#00BCD4

Indigo to Green

#3F51B5→#4CAF50

Blue to Orange

#2196F3→#FF9800

Cyan to Blue

#00BCD4→#2196F3

Teal to Green

#009688→#4CAF50

Deep Orange to Light Blue

#FF5722→#03A9F4

Amber to Pink

#FFC107→#E91E63
→

Tools

Palette Generator

Generate complementary, analogous, triadic, and split-complementary palettes from any color

Contrast Checker

Check WCAG AA/AAA compliance between text and background colors

Icon Library

Browse 7,000+ icons from Material, Lucide, Heroicons & Simple Icons. Copy or download as SVG/PNG.

Guides & Resources

Best SaaS Color Palettes →Accessible Dashboard Colors →Pick Brand Colors →WCAG Contrast Guide →