Color Palette

Enter a hex color code (e.g. #b94283) to generate a 21-step palette in 10% increments - 10 lighter shades, the current color, and 10 darker shades. Each step is shown in an HTML table with its percentage, HEX value, and color swatch, handy for design picking and color schemes

This tool page lets you paste your content and start right away. To dive deeper into how it works, its principles, and typical use cases, open the full usage guide.