S

Site Palette

Pulls a color palette from a whole web page, then exports it to Figma, Sketch, Adobe Swatch or SVG. Has a trial and paid plans.

Reviewed by Xplorekit's independent developer · Last checked · How we choose

Add to Chrome Trial and paid plans, check current terms · Chrome Web Store

Why it's a strong pick

Site Palette reads the colors of a whole page at once, not one pixel. It offers four ways to extract a palette and exports to common design tools. It also has an official Figma plugin that imports saved palettes as local variables. The trade-off: it is not a simple free tool. Vendor pages show a trial and paid plans, and saving palettes needs an account. Check current terms on palette.site before you rely on it.

What it does

You open a site and click the toolbar icon. Site Palette looks at the page's visible styles and CSS and returns a palette. Per the vendor, it offers Color Cube, Median Cut, a Material Design mode and live viewport extraction, ranked by on-screen area. You can save a palette to your account, share it by link, or export it to Figma, Sketch, Adobe Swatch or SVG. The vendor says your history syncs across devices. It is made by Sliday Ltd, a small team that also makes the palette.site web app and the Figma plugin.

Key features

  • Whole-page palettes. One click returns a palette for the page you are on.
  • Four extraction modes. Color Cube, Median Cut, Material Design and live viewport extraction.
  • Exports. Figma, Sketch, Adobe Swatch or SVG.
  • Official Figma plugin. Imports saved palettes as local variables.
  • Share and sync. Save to your account, share by link, and see your history on other devices.
  • More browsers. The vendor also lists Firefox and Safari versions.

Who it's for

Site Palette suits designers and front-end developers who want a page's color scheme in one go: research on a competitor site, rebrand ideas, or moving a client's colors into Figma. It is a poor fit if you want one exact pixel from an image. For that, use an eyedropper such as Eye Dropper or ColorPick Eyedropper. For gradients and a page color analyzer, look at ColorZilla.

Is Site Palette free?

Not simply. Chrome Web Store shows the extension as free to install, but the vendor's palette.site pages describe a trial and paid plans, and the sources we saw do not agree on the terms. Read the current pricing on palette.site before you build a workflow on it. We list no prices here because they change.

Do I need an account for Site Palette?

Saving palettes and syncing them across devices needs an account, per the vendor's pages. We could not confirm whether the basic palette extraction works without one. If you only want a quick color from a page, an eyedropper needs less setup. Check the sign-in step when you first open the extension.

What permissions does Site Palette ask for?

We did not read a full permission list from the vendor, so we do not list one. The extension has to read the page you are on to find its colors. Check the install prompt in Chrome for the current permissions before you add it.

Does Site Palette collect data?

We did not find a vendor statement we could quote word for word. Because the extension reads the pages you visit and syncs a palette history to an account, read the privacy policy on palette.site and the privacy section of the Chrome Web Store listing before you install it.

FAQ

Does it work in other browsers? The vendor lists Chrome, Firefox and Safari.

Can I use the colors in Figma? Yes. Export from the extension, or use the official Figma plugin to import saved palettes as local variables.

Does it pick a single pixel? It is built for whole-page palettes. Use an eyedropper for one exact pixel.

Good to know

Site Palette pulls colors from a page's styles. It may not match one pixel inside a photo. If a color looks wrong, check the page's CSS or use an eyedropper on that spot. Also check the trial length before you start a client project, and save your palettes to your account or export them.

Other color picker tools to compare

Site Palette is one of 5 picks in our Color Picker Tools guide, which compares them side by side and explains how to choose. The other picks:

  • ColorZilla: A color picker, eyedropper and gradient generator with a webpage color analyzer, for Chrome and Firefox.
  • Eye Dropper: A plain color picker for Chrome. Click a color on a page and copy it as HEX, RGB, HSL or HSV.
  • ColorPick Eyedropper: A focused eyedropper with a zoomed, draggable magnifier. Open source, and it works without registration.
  • Chromapicker: A free, open-source color picker with palette, mixer and gradient tools.

Compare: ColorZilla vs ColorPick Eyedropper

Also see: Best Chrome extensions for creators

This is a third-party extension, not built or maintained by Xplorekit. We link to the official Chrome Web Store listing. Install and permissions are between you and the extension's own publisher.