Try Dynamic Growth free for 7 days. 1 free credit. Cancel any time. Start free trial

Website Color Palette and Font Finder (Brand Kit)

Find a website's color palette, fonts, logo and voice in one brand sheet. A website font identifier and brand colors extractor. 1 credit per run.

Whenever you brief a designer, set up an ad account or build a landing page, someone asks for your brand colors, fonts and logo. If nobody wrote them down, the answers come from an old PDF or a guess at the website, and you end up with a slightly different blue in each place.

The Brand Kit Extractor from Dynamic Growth is an automated service. It costs 1 credit and needs only a public page URL. Our software reads the page and its CSS to find your brand colors with contrast ratings, your fonts, logo candidates, taglines and notes on your voice. It returns a brand sheet you can download from your dashboard and reuse wherever a brand reference is needed.

What you get

Your colors, fonts, logo and voice pulled from your site into one brand sheet.

Brand colors with contrast ratings

The main colors found in your page and its CSS, shown with their codes. Each is rated for contrast against light and dark backgrounds so you can see which pairs work for readable text.

Fonts

The font families named in your CSS for headings and body text, with notes on where each is used. You can hand these to a designer or load them into other tools.

Logo candidates

Images and graphics on the page that look like your logo, such as the header image or an SVG. You pick the right one and download it.

Taglines and key phrases

Short lines pulled from your headings and hero text, such as slogans and value statements. They give you wording you already use.

Voice notes

A short description of how your page sounds, such as formal or casual, short or long sentences, and common words. It helps a writer match your tone.

A brand sheet to reuse

All of the above on one downloadable sheet, ready to attach to a brief or send to a freelancer.

What we need from you

Your website URL.

  • Brand colors with contrast ratings
  • Fonts
  • Logo candidates
  • Taglines and voice notes
  • A brand sheet to reuse

Why write your brand down

A brand sheet is a short reference for your colors, fonts, logo and tone of voice. A freelancer, an ad designer or a new team member can open it and match what already exists without asking anyone for files.

Your website already holds most of this information. The colors are in the stylesheet, the fonts are named in the CSS, the logo is an image or an SVG in the header, and the voice is in the headlines and taglines. The Brand Kit Extractor reads those and puts them in one place. That is quicker than digging through code or an old design file.

The kit also checks color contrast. Text that is hard to read against its background loses readers and can fail accessibility guidelines. The report rates your color pairs so you know which combinations suit text and which are better kept for decoration. The result reflects what the page actually uses, so treat it as a starting point and check it against any official brand guide you have.

How it works

  1. Enter a page URL

    Type the address of a public page that shows your brand well, such as your homepage. The extraction costs 1 credit, with nothing to upload and no account to connect.

  2. Automatic scan and build

    Our software loads the page and reads its HTML and CSS. It collects colors, fonts, images and text, rates the color contrast and assembles the findings into a brand sheet.

  3. Read and download the result

    The brand sheet appears in your dashboard. Look through the colors, fonts and logo candidates, then download the sheet.

  4. Apply it yourself

    Check the sheet against what you know of your brand and correct anything that looks wrong. Then share it with designers and add it to your design tools.

Problems the brand kit helps with

Colors that drift between channels

When the website, ads and emails each use a slightly different shade, the brand looks inconsistent. A single list of color codes gives everyone the same reference.

Text that is hard to read

Light gray on white or a bright color on a bright background loses readers. The contrast ratings show which color pairs suit text.

Fonts nobody remembers

Over time, teams forget which fonts the site uses. The kit names them, so new materials can match the site.

No clean logo file to hand out

Designers often ask for a logo and the only copy is a screenshot. The logo candidates show what is on the page so you can find or request the right file.

Inconsistent wording

Different people write in different tones. The tagline and voice notes give writers a baseline drawn from your own pages.

Slow briefing for new work

A one-page sheet cuts the back-and-forth with freelancers and tools that ask for your brand details.

What the extractor reports

  • Color codes. The hex values for the main colors found on the page, ordered by how often they appear.
  • Contrast ratings. A contrast value for color pairs, rated against common accessibility thresholds for text.
  • Font families. The names of the fonts declared in the CSS for headings and body text.
  • Logo candidates found. How many images or graphics look like a logo, with their location on the page.
  • Voice indicators. Observations such as sentence length and tone drawn from the page text.

Do it yourself or run the extractor?

You can find this information yourself. A browser's developer tools show the colors and fonts used on any page, and your designer may already have a brand guide. If you have a guide you trust, use that, since it carries decisions the website might not show, such as secondary colors or logo spacing rules.

The extractor is useful when there is no guide, the guide is out of date or you do not want to open developer tools. For 1 credit, it reads a page and returns a single sheet. It reads one public page, so a brand color used only on another page may be missing. It describes what the page uses, and it cannot know what you intended.

Who it's for

Best for

  • Businesses with no written brand guide
  • Owners briefing a designer, freelancer or agency
  • Teams who want consistent colors and fonts across ads and pages
  • Anyone who wants their brand details written down in one place
  • Marketers checking whether site colors meet readable contrast

Not the right fit if

  • Brands that already have a complete and current guide
  • Anyone who needs a new logo or a redesigned identity
  • Pages that require a login to view

A website font identifier and color palette finder

The Brand Kit Extractor is a website font identifier and website color palette finder in one. It reads a public page and its stylesheets and returns the brand colors as hex codes, the fonts, the logo and the voice of the copy, with contrast ratings so you can pick safe color pairs.

Use it on your own site to check for brand drift, on a client's site before a redesign, or on a rival's site to see how they present themselves. It works for sites in the USA, the UK, Europe, the Middle East and Latin America. Colors set only by scripts or by stylesheets on other domains can be missed, and the result says so.

Frequently asked questions

What do I need to enter?

The address of a public page, usually your homepage. Nothing else is required: no uploads and no access to your accounts.

What does the brand sheet include?

Brand colors with contrast ratings, fonts, logo candidates, taglines and voice notes, all on one sheet you can download from your dashboard.

Does it create a new logo?

No. It finds logo candidates that are already on your page. It does not design or change any logo.

How accurate are the colors?

They come from the colors declared in your page and CSS, so they match what the site uses. If your site uses several similar shades, the sheet lists the most frequent ones. Check them against your own references.

What are contrast ratings for?

They tell you how readable text is when set in one color on another. Higher contrast is easier to read. The ratings help you choose safe color pairs.

Who can I share the sheet with?

The sheet is a download, so you can hand it to a designer, a developer or an agency, and everyone works from the same colors, fonts and logo details.

How long does it take?

The sheet appears in your dashboard once the page has been read. Each run reads one page, so a second page means a second run.

How much does brand kit extractor cost?

Brand Kit Extractor costs 1 credits. On the Starter plan ($29 for 10 credits) that is about $2.90, on Growth ($59 for 25 credits) about $2.36, and on Scale ($129 for 60 credits) about $2.15. Ad spend is always paid separately to the ad platforms.

What do you need from me?

Your website URL.

Glossary

Hex code
A six-character code, such as #1A73E8, that identifies a color on the web.
Contrast ratio
A number that compares the brightness of two colors. Higher numbers mean text is easier to read.
CSS
The code that controls how a web page looks, including its colors, fonts and spacing.
Font family
The name of a typeface, such as Georgia or Inter, and its related styles.
Brand voice
How a brand sounds in writing, including tone, word choice and sentence style.

Guides and articles

Run the Brand Kit Extractor on your site

Brand Kit Extractor: 1 credit per run, from $2.15 on the Scale plan. The free trial credit covers it.

7 days free · 1 free credit · cancel any time