Custom swatch in Inkscape

Create Custom Swatches in Inkscape

Create Custom Swatches in Inkscape 1024 601 Nick Saporito

In today’s tutorial I’ll be demonstrating two things — first, how to create a gradient color palette between two different colors where it appears as if it’s a gradient, but it’s really just a series of individual colors. Then, I’ll be demonstrating how to create custom swatches within Inkscape from that same series of colors.

This is something that comes in handy if you’re coloring in a graphic and would like to use a specific theme, like in the following example…

Example of how a custom swatch can be used

Gradient Color Palettes

First, create two squares and color them in with the two different colors you’d like to create your palette from. For this example I’m using yellow and pink, but you can use whichever colors you’d like.

Yellow and pink

Next, we’re going to use the Interpolate extension (Extensions > Generate from path > Interpolate).

The interpolate menu

Set the values as depicted in the above image. Please note that the interpolation steps input reflects how many different colors you’d like in your palette + 2. For this example I’m creating a swatch with 10 colors, so I input 8. The reason for this is because two of those colors are defined by the two squares you’ve already created.

Once applied, a series of objects reflective of your simulated gradient will be generated…

Simulated gradient

Now it’s time to create our custom swatch.

Custom Swatches in Inkscape

To add a color to a swatch, simply select one of the squares, and in the Fill and Stroke panel, click the Swatch button.

The fill and stroke menu

You won’t notice anything happen on your screen, but the color of the selected object will be added to your swatch. Now, go through the rest of the squares and do the same thing.

To view your custom swatch, simply open the Swatches menu by going to View > Swatches.

Custom swatch made in Inkscape

And there’s your newly-created gradient color palette! You can now use those colors to color in objects the same way you would using colors from Inkscape’s stock color menu.

Video Tutorial

For step-by-step instructions with voice narration, please watch the video tutorial below. If you have any questions, comments or concerns, simply leave a comment. As always, thanks for watching!

Learn To Master The Software

Gain a complete understanding of your favorite design apps with my comprehensive collection of video courses. Each course grants access to our private community where you can ask questions and get help when needed.

  81 Videos
  11 Modules

The Inkscape Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Inkscape.

Price: $17
  82 Videos
  10 Modules

The Affinity V3 Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Affinity.

Price: $22
  98 Videos
  7 Modules

Illustrator Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Illustrator.

Price: $17
  70 Videos
  9 Modules

GIMP Master Class

Learn how to use all of the primary tools and features in the GIMP application.

Price: $17

View All Courses

Nick Saporito

Hi, I'm Nick— a Philadelphia-based graphic designer with over 10 years of experience. Each year millions of users learn how to use design software to express their creativity using my tutorials here and on YouTube.

All stories by: Nick Saporito
Subscribe
Notify of
guest
16 Comments
Inline Feedbacks
View all comments
Philip
July 15, 2020 8:07 AM

Thanks for this write-up.

Key information missing from the text instructions appears to be that after creating the squares they must be converted from objects to *paths*.

Unfortunately if the rectangles are objects of type “rectangle” instead of objects of type “path” the Interpolate extension will fail *silently* and give no indication why nothing is happening.

This requirement is mentioned in the Inkscape tutorial on the extension (https://inkscape.org/doc/tutorials/interpolate/tutorial-interpolate.html) but it’d be nice to get an error message too! 🙂

Tau
Tau
Reply to  Philip
August 11, 2021 12:49 AM

Thank you sir!

JJ
JJ
April 10, 2020 11:34 AM

Hey! love the tutorial. Just one note of positive criticism. Your video instructions are much more detailed than your text instructions. I wasn’t able to do the swatch thing. almost gave up. then I saw your video at the bottom. i watched that and saw some details left out in the text. Once i saw it though, BOOM! this is a great tip and it expanded my knowledge of fill and swatches beyond your own tuturial. Thanks!

Kasia
Kasia
September 29, 2019 6:22 AM

Hi Nick,

Thanks for this tutorial, that’s really useful! Do you know if there is a way to save a once-created palette for future projects/ add it to options available at the bottom strip? Thanks!

George Mack
George Mack
June 4, 2019 7:14 AM

Is there a way to save Pantone or other spot colors as swatches for print output/spot separations?

Vicky
Vicky
March 20, 2019 6:30 AM

Hi Nick, thank you for your videos. They are really helpful.
Would you know how to change the order of the swatches once they’ve been added to the palette?
Thanks,
Vicky

West
West
September 7, 2018 6:43 PM

Nick,

thank you for sharing, never used swatches before but will do so now.

West

Nick Saporito
Reply to  West
September 7, 2018 6:46 PM

I never really used them myself but I’m sure I will now that I have a better understanding of how they work.

Marcelo
Marcelo
September 7, 2018 6:43 PM

Thank you, guy! You’re the best!

Nick Saporito
Reply to  Marcelo
September 7, 2018 6:45 PM

My pleasure

West
West
August 26, 2018 4:47 AM

Nick,

thank you for sharing, never used swatches before but will do so now.

West

Marcelo
Marcelo
August 25, 2018 1:24 PM

Thank you, guy! You’re the best!