Green Color Shades — #00C853, 5 Steps
Generate a 5-step light and dark palette from a vibrant material-design green (#00C853).
How to use this tool
- Enter your base hex color.
- Choose the number of steps (1–10) in each direction.
- The output lists tints (lighter), the base, then shades (darker).
A material-design inspired green palette with 5 tints and 5 shades, perfect for success states and CTAs.
Frequently asked questions
- What is the difference between a tint and a shade?
- A tint is a color mixed with white (lighter); a shade is a color mixed with black (darker). A tone mixes with grey.
- How are the steps calculated?
- Each step linearly interpolates the RGB channels toward white (for tints) or black (for shades) by an equal fraction.