How to Build Colour Tints in Adobe Illustrator (Without Using Opacity)
Stop Using Opacity for Colour Palettes—Here’s a Better Way to Build Tints in Illustrator
If you’re building a colour palette in Illustrator by manually adjusting opacity or eyeballing lighter shades—there’s a better, more consistent way.
Using tints lets you create cleaner colour systems that scale beautifully, look consistent across projects, and don’t mess with transparency settings. Whether you're designing a brand, an illustration, or a UI kit, this is the way to keep things sharp and reusable.
Why You Shouldn’t Use Opacity for Tints
Sure, you can just drop the opacity to 80%, 60%, etc. to get lighter colours, but that comes with a few issues:
You’ll have to flatten transparency to export as solid colours
Transparency can affect how colours interact with other objects
It adds unnecessary steps and confusion if you hand off files to clients or collaborators
How to Create Solid Tints in Illustrator
Step 1: Add Your Base Colours to Swatches
Select all the colours you want to build tints from
Click the Swatches Panel → New Swatch for each one
Or select them all and add them as a group
Step 2: Apply Tints via the Color Panel
Select your shape
In the Properties Panel, click Fill
Then adjust the Tint % down to 80%, 60%, 40%, etc.
This creates a solid tint, not a transparent shape
Step 3: Create Tint Variants for Each Colour
Repeat for each colour using consistent increments (e.g. every 20%)
Add each set of tints to its own Colour Group in the Swatches Panel for easy reuse
Bonus: These swatches are now linked to the original colour, so if you update your base swatch, all the tints update too!
The Benefits of This Method?
Keeps your file cleaner and easier to manage
Makes it easier to apply consistent colour across designs
Tints are fully supported in brand guidelines and swatch libraries
You’ll impress clients (and yourself) with how polished your files look
Want More Time-Saving Tools and Freebies?
This process is just one of the techniques I share across my design templates and digital assets, made especially for designers who want professional results—without starting from scratch every time.
Close high-value brand & design clients with a proposal system built for strategy.
A Project Proposal template created for brand designers, strategists and creative studios that matches the high quality of your work. Designed with a modern, editorial aesthetic and a clear layout grid, this Studio Project Proposal Template gives independent designers and creative agencies the exact framework needed to present five-figure project scopes with complete confidence.
Built natively in both Adobe InDesign and Adobe Illustrator, this template goes beyond empty layout frames. It includes actual strategic content frameworks such as pathway decision trees, detailed phase timelines, scope lists, and 3-tier pricing tables, to help you clearly articulate your value and guide prospective clients to a fast "yes."
Includes 29 thoughtfully structured pages, multiple layout options and a fully written example proposal to help you shape your own content.
Built for Both InDesign & Illustrator Users
Real Strategic Copy Framework: Fully written example brand proposal
Grid Editorial Layout: Designed with strict typographic hierarchy, generous whitespace, and versatile image spreads that put your work front and center.
1080 × 1920 px format, 29 pages with multiple spread options
Adobe Fonts used
This is a digital product. No physical item will be shipped. Photographs, logos and mockup imagery shown in the product previews are for demonstration purposes only and are not included unless otherwise stated. Please review the software requirements and licence terms before purchasing.