A monochromatic palette uses a single color at different lightness and saturation levels, from lightest to darkest. It's easy to work with and looks orderly. Here are 12 examples, one per color, ready to copy.
Blue
Ideal for businesses, apps and charts.
Green
Natural; useful for eco brands and health.
Red
Intense; use it for campaigns and alerts.
Purple
Creative, good for beauty and wellness.
Orange
Warm and energetic, for food and sports.
Pink
For fashion, events and products for women.
Gray
The base of almost any interface.
Teal
Fresh and modern for health and finance.
Brown
Warm, for coffee, leather and wood.
Yellow
Cheerful; use the dark shades for text.
Navy Blue
Serious and professional for documents.
Lavender
Soft, for interior design or wellness.
Tap a color to copy its hex code. The pencil icon opens the palette in the editor so you can change it.
Use the extremes for text and background
In a monochromatic palette, the lightest shade works as the background and the darkest as text. The middle shades are for buttons, borders and details.
Add a neutral if you need contrast
If everything looks the same, add white or a very dark gray. It helps separate elements without breaking the color's unity.
Vary saturation, not just lightness
Light shades look better slightly less saturated, and dark ones slightly more. That way the scale looks natural, not dull.