---
title: "Shades And Tints — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by James Hicks · Styles. Select any Frame that has a background fill and then easily generate shades and tints of that color."
canonical: "https://framer.elliotli.dev/plugin/shades-and-tints"
---

[Home](/)/[Plugins](/plugins)/[Styles](/plugins/category/styles)/Shades And Tints

# Shades And Tints

Use shades and tints as colors

[View on Framer](https://framer.com/marketplace/plugins/shades-and-tints/?via=elliot-li)

![Shades And Tints preview image 1](https://framer.elliotli.dev/og/plugin/shades-and-tints/23e9c651c8dad1b4/1600x1200.jpg)

## Summary

Select any Frame that has a background fill and then easily generate shades and tints of that color.

## Description

Select any Frame that has a background fill and then easily generate shades and tints of that color. Shades and Tints is designed to help you quickly build your color palettes in Framer.

1.  Select a Frame.
    
2.  Give it a background fill (if it does not have one already).
    
3.  Choose your number of shades and tints.
    
4.  Give the color set a name.
    
5.  Add to Canvas or Color Styles!
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #672

## Details

- **Author**: James Hicks
- **Published**: 2024-10-25
- **Updated**: 2024-10-25
- **Added**: 2024-10-05
- **Categories**: Styles

## More like this

-   [Sealcraft](/plugin/sealcraft) — Cyedi Creative Studio · Free — Badges, stamps and spinning seals
-   [Divider Lab](/plugin/divider-lab) — ANASS TB · Free — Shape dividers for clean sections
-   [Tablecraft](/plugin/tablecraft) — ANASS TB · Free — Paste rows, get a designed table
-   [Cookiewall](/plugin/cookiewall) — ANASS TB · Free — Cookie banners, done in seconds