Browse Google Material Design palettes with shade scales, HEX/RGB/HSL copy, CSS variables, and contrast inspector.
Material Design
Google Material palettes with full shade scales. Expand strips and copy tokens.
Red
10 shades
Pink
10 shades
Purple
10 shades
Blue
10 shades
Teal
10 shades
Green
10 shades
Orange
10 shades
Grey
10 shades
Inspector
Selected color
Pick a swatch
Formats, contrast, and copy actions appear here.
Keep exploring
Complete Tailwind CSS color scales with live inspector, format switching, and one-click scale export.
Open toolBootstrap theme colors and utility palette. Copy HEX codes and Sass variables.
Open toolAll 140+ CSS named colors with HEX and RGB values. Search and filter by name.
Open toolClick a question to open it. Click again to close.
Looking for more? Browse Our Tools.