updated on 13 January 2019 | reading time: 3 minutes

Colors, Gradients, Textures

Color palettes

Color palettes are 4 tabs at the bottom of the Color picker popover. Here you can choose predefined colors to use as a solid color or as a part of a gradient.


Here are 24 default predefined colors. The first row is a simple grayscale palette (from black to white with 10 shades of grey) and the second row is commonly used colors.


Swatch sets are user-created palettes. As well as plain colors they can also hold other fill types such as gradient fills and textures.

Each square in the Swatches area is a single “swatch”. Swatches are two types: Document swatches (Available and saved with the current document) and Global swatches (Available in all documents). Global swatches are saved on that specific computer (desktop apps) or

In your local browser storage (web app). If you use Gravit on a different computer or clear your traces in the browser you will lose all your saved swatches.

Each fill type will display its own global and document swatches. For example, the Color fill will display a different set of swatches to the Linear Gradient fill.

To add a new swatch to the Global or Document set, click the + icon. The current fill will be added to the swatches.

To remove a swatch from the swatch set, drag it off the Swatches area

You can Import and Export Swatches in order to share them with other designers or to use them on another computer. Gravit Designer uses its own Swatch format (.gvswatch), but you can use tools such as http://obtusity.net/gravit/ or Cyotek Color Palette Editor to convert other software swatches and import them in your designs.

To export swatches use icons at the top right of the swatches palette. The first option is to import swatches. It will add new swatches from the .gvswatch file without removing existing ones.

Note: If you want to remove all swatches at once – open the console (CTRL + SHIFT + I in the browser or   / CTRL + / SHIFT + F12 in the Desktop version), type “gContainer.setProperty(‘swatches’, null);”, hit Enter, then restart the app (or Refresh the TAB in the browser if you are using a web version).

In Use

This palette shows colors currently used as fills (also border fills) on vector objects in the document. This excludes text color as well as the colors used in effects or page backgrounds. The colors are sorted by usage – most used colors are first.


The Mixer provides useful variations for monochromatic coloring (variations of the same color).

Tints: a gradient between the current color and white. Can be regarded as increasing brightness in the HSB color model.

Shades: a gradient between the current color and black. Can be regarded as decreasing brightness in the HSB color model.

Tones: a gradient between the current color and grey. Can be regarded as decreasing saturation in the HSB color models.

Mixes: Set an object color, use the eyedropper to pick a color off the canvas. This row will give you a gradient between the two colors.


Tip: You can select all objects that have the same solid color fill on the current page and change that color at once. Go to used colors tab in color picker interface. Hold / ALT + click on a color swatch. All the object that this fill color and are placed in current page will briefly flash on the canvas. Now you can change the color and it will be replaced on all objects that it is used.