Managing color

At Penpot there are two main tools to manage color: the color picker and the color palette.

Color picker

Here you have the anatomy of the color picker:

color picker

  1. Eyedropper: allows you to pick any color of the objects at the viewport.
  2. Color profiles: select between RGB, the harmony wheel or HSV.
  3. Gradients: set linear or radial gradients.
  4. Sliders: easily manage color and opacity.
  5. Textboxes: if you need to set values with precision.
  6. Shortcuts: switch between recent colors and libraries.
  7. Color palette: a quick launcher of the palette with the selected library.

Color palette

The color palette allows you to have a selected color library at plain sight. Use the menu to easily switch between libraries.

color palette

There are three ways to show/hide the color palette:

  1. From the main menu at the top left navbar.
  2. Pressing the color palette button the toolbar.
  3. Using the color palette launcher at the color picker (see previous section).

Use the menu to easily switch between libraries.

Switch between big and small thumbnails sizes.