CSS Terminology
Color Scale
A graduated series of color values ranging from light to dark within a single hue family, typically numbered from 50 to 950.
Understanding Color Scale
Code Examples
Using Color Scale in TWColors
Our tools help you work with color scale effectively. Try our color tools to see how color scale affects your designs.
Explore our tools →Related Terms
Learn More
Color Naming Conventions for Scalable Design Systems
Best practices for organizing and naming colors in design systems using Tailwind CSS.
Design Tokens for Colors in Tailwind CSS
Structure your Tailwind colors as design tokens for consistency across web, mobile, and design tools.
Data Visualization Colors with Tailwind CSS
Build accessible, distinguishable color schemes for charts and graphs using Tailwind's palette.
Try Our Color Tools
Apply your knowledge of color scale with our free tools.
Explore Tools