# Tints

> Learn how to apply Tints in Sketch with the help of our step-by-step guides and video tutorials.

**URL:** https://www.sketch.com/docs/symbols-and-styles/styling/tints/ | **Last updated:** 2026-01-13

---
Tints apply a single color to an entire frame, graphic, group or Symbol. Unlike fills, Tints take into account semi-filled elements with different opacities and borders. Tints are great for things like complex icons or tabs in a navigation bar — or anywhere you want to show different states through a change in color.

## Applying a tint

To apply a Tint, select a frame, graphic, group or Symbol instance then click on the **Effects** section header, or **+** icon and select Tint. Tints work in a similar way to fills, where you can use the Color Picker or enter a hex code and change the overall opacity. However, you can only select a solid color as a tint.

## Using tints as overrides

To use tints as overrides with nested Symbols, you first need to apply a default tint to any Symbol instances on the Symbol Source you’re working with.

Now, when you select a Symbol instance , you’ll see the tint override as a color override in the Color section in the Inspector. Clicking on the color icon will bring up the Color panel so you can easily override the default tint.