New · Chrome extension for designers

Extract beautiful colors from any website.

Palettely captures every color, gradient, and font on the page in a single click. Turn any live site into a reusable design system—no more screenshots or manual sampling.

No account required for Free. Upgrade to Pro anytime for lifetime access.

+10 hrs / week

Saved recreating palettes manually.

500+ designers

Already capturing palettes with Palettely.

99.9% accuracy

Match between live styles and Figma tokens.

palettely · live previewChrome Extension

Colors

#667EEA
#764BA2
#0F172A
#F97316
#22D3EE
#FDE68A

Typography

SF Pro Display

Weights: 400 · 500 · 600

Gradients

Designed for modern product teams.

Four core tools to turn any live website into a reusable design system inside Figma.

🎨

Color extraction

Capture every color on any page, grouped by role and usage.

🌈

Gradient detection

Find and copy complex CSS gradients, no dev tools required.

🔤

Font detection

Identify typefaces, weights, and sizes in a single click.

🎯

Figma export

Copy as editable color styles and text styles into any file.

How Palettely works

1

Install extension

Add Palettely to Chrome in seconds. No account required to start.

2

Click extract

Open any website, hit the Palettely icon, and we scan the page instantly.

3

Copy & use

Copy palettes, gradients, and fonts directly into Figma or code.

Simple, one-time pricing.

Start free with 5 extractions. When you are ready, upgrade once for lifetime Pro access.

Loved by product designers

Palettely turned messy inspiration captures into a clean library of reusable palettes we drop straight into Figma.

Mia Chen

Staff Product Designer, Notalabs

The gradient detection is wild. I used to spend 10–15 minutes recreating gradients by hand for every new concept.

Alex Rivera

Design Engineer, Tempo

For a one-time price, this paid for itself on my first client project. It feels like a missing browser feature.

Jules Martin

Freelance Brand Designer

Frequently asked questions

How do I install Palettely?+

Click “Add to Chrome” from this page, or search for Palettely on the Chrome Web Store. Once installed, you’ll see the icon in your browser toolbar.

How do I get my license?+

After purchasing Pro, you’ll be redirected to a success page and see your license key. It is also stored in your Palettely dashboard, tied to your Google account.

Do I need an account to use it?+

You can use the Free version without an account. To unlock Pro and license sync across devices, sign in with Google.

Is there a refund policy?+

Yes. If Palettely doesn’t fit your workflow within 7 days, email support and we’ll issue a full refund—no questions asked.

Ready to capture colors?

Add Palettely to Chrome for free and extract your first palette in under 30 seconds.