Dopely Colors

Color Toner

Generate comprehensive tints, shades, and tones for any color to build cohesive palettes.

Tints

Mixed with White (Lightness ↑)

Shades

Mixed with Black (Lightness ↓)

Tones

Mixed with Gray (Saturation ↓)

Tints, Tones & Shades Generator

Generate a complete monochromatic scale. Create tints (add white), shades (add black), and tones (add gray) for any color.

Expanding your Palette

A single base color is rarely enough for a UI. You need lighter versions for backgrounds (Tints) and darker versions for text or borders (Shades). This tool automates that process.