thecolorpalettestudio.com Open in urlscan Pro
23.227.38.32 Public Scan

Back to summary

Submitted URL:
http://thecolorpalettestudio.com/
Effective URL:
https://thecolorpalettestudio.com/
Submission: On February 15 via api (February 15th 2024, 12:37:06 pm UTC) from US — Scanned from CA

Form analysis
4 forms found in the DOM

GET /search

<form action="/search" method="get" role="search" class="search search-modal__form">
  <div class="field">
    <input class="search__input field__input" id="Search-In-Modal-1" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results"
      aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
    <label class="field__label" for="Search-In-Modal-1">Search</label>
    <input type="hidden" name="options[prefix]" value="last" aria-label="options[prefix]">
    <button type="reset" class="reset__button field__button hidden" aria-label="Clear search term">
      <svg class="icon icon-close" aria-hidden="true" focusable="false">
        <use xlink:href="#icon-reset">
        </use>
      </svg>
    </button>
    <button class="search__button field__button" aria-label="Search">
      <svg class="icon icon-search" aria-hidden="true" focusable="false">
        <use href="#icon-search">
        </use>
      </svg>
    </button>
  </div>
  <div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search="">
    <div class="predictive-search__loading-state">
      <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
        <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
      </svg>
    </div>
  </div>
  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
</form>

GET /search

<form action="/search" method="get" role="search" class="search search-modal__form">
  <div class="field">
    <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results"
      aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
    <label class="field__label" for="Search-In-Modal">Search</label>
    <input type="hidden" name="options[prefix]" value="last" aria-label="options[prefix]">
    <button type="reset" class="reset__button field__button hidden" aria-label="Clear search term">
      <svg class="icon icon-close" aria-hidden="true" focusable="false">
        <use xlink:href="#icon-reset">
        </use>
      </svg>
    </button>
    <button class="search__button field__button" aria-label="Search">
      <svg class="icon icon-search" aria-hidden="true" focusable="false">
        <use href="#icon-search">
        </use>
      </svg>
    </button>
  </div>
  <div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search="">
    <div class="predictive-search__loading-state">
      <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
        <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
      </svg>
    </div>
  </div>
  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
</form>

POST /cart

<form action="/cart" method="post" id="cart-notification-form" class="pf-form-processed">
  <button class="button button--primary button--full-width" name="checkout" lb-upsell-default-checkout-listener="true"> Check out </button>
</form>

POST https://form.flodesk.com/forms/64e653cacd4a9c983fd2be2c/submit

<form class="ff-64e653cacd4a9c983fd2be2c__form" action="https://form.flodesk.com/forms/64e653cacd4a9c983fd2be2c/submit" method="post" data-ff-el="form" novalidate="">
  <div class="ff-64e653cacd4a9c983fd2be2c__title">
    <div>
      <div data-paragraph="true">Get the FREE Color Palette Cheat Sheet</div>
      <div style="line-height:0.6;" data-paragraph="true"><span style="font-size:20px;font-weight:400;">Sign up with your email address to receive the FREE guide: 10 Simple Tips for Creating the Perfect Color Palette for your Brand.</span></div>
      <div style="line-height:0.6;" data-paragraph="true"><span style="font-size:10px;font-weight:400;">By signing up, you agree to receive our occasional &amp; fun marketing emails. ☺</span></div>
    </div>
  </div>
  <div class="ff-64e653cacd4a9c983fd2be2c__subtitle">
    <div></div>
  </div>
  <div class="ff-64e653cacd4a9c983fd2be2c__content fd-form-content" data-ff-el="content">
    <div class="ff-64e653cacd4a9c983fd2be2c__fields" data-ff-el="fields">
      <input type="hidden" name="csrf" value="50294059ed1458768bddbad8b573e80c46c0130ea615ab5d675aad78034a1fd6776cbd2a45135d8c2f4736505bf251125a804e609ff6c8f014a59b4999648941" aria-label="csrf">
      <div class="ff-64e653cacd4a9c983fd2be2c__field fd-form-group" style="rigth: -100000px;rigth: -100000px;display: none">
        <input id="ff-64e653cacd4a9c983fd2be2c-HNhOTI2bGdTV" class="ff-64e653cacd4a9c983fd2be2c__control fd-form-control" type="text" maxlength="255" name="HNhOTI2bGdTV" placeholder="HNhOTI2bGdTV" data-ff-tab="HNhOTI2bGdTV::3dYPVkU">
        <label for="ff-64e653cacd4a9c983fd2be2c-HNhOTI2bGdTV" class="ff-64e653cacd4a9c983fd2be2c__label fd-form-label">First name</label>
      </div>
      <div class="ff-64e653cacd4a9c983fd2be2c__field fd-form-group" style="display: none;display: none">
        <input id="ff-64e653cacd4a9c983fd2be2c-ThOI2bGdTVHN" class="ff-64e653cacd4a9c983fd2be2c__control fd-form-control" type="text" maxlength="255" name="ThOI2bGdTVHN" placeholder="ThOI2bGdTVHN" data-ff-tab="ThOI2bGdTVHN::VYPkU3d">
        <label for="ff-64e653cacd4a9c983fd2be2c-ThOI2bGdTVHN" class="ff-64e653cacd4a9c983fd2be2c__label fd-form-label">First name</label>
      </div>
      <div class="ff-64e653cacd4a9c983fd2be2c__field fd-form-group" style="display: nonee">
        <input id="ff-64e653cacd4a9c983fd2be2c-VHNhOTI2bGdT" class="ff-64e653cacd4a9c983fd2be2c__control fd-form-control" type="text" maxlength="255" name="VHNhOTI2bGdT" placeholder="VHNhOTI2bGdT" data-ff-tab="VHNhOTI2bGdT::U3dYPVk">
        <label for="ff-64e653cacd4a9c983fd2be2c-VHNhOTI2bGdT" class="ff-64e653cacd4a9c983fd2be2c__label fd-form-label">First name</label>
      </div>
      <div class="ff-64e653cacd4a9c983fd2be2c__field fd-form-group" style="display: none">
        <input id="ff-64e653cacd4a9c983fd2be2c-NhOTI2bGdTVH" class="ff-64e653cacd4a9c983fd2be2c__control fd-form-control" type="text" maxlength="255" name="NhOTI2bGdTVH" placeholder="NhOTI2bGdTVH" data-ff-tab="NhOTI2bGdTVH::dYPVkU3">
        <label for="ff-64e653cacd4a9c983fd2be2c-NhOTI2bGdTVH" class="ff-64e653cacd4a9c983fd2be2c__label fd-form-label">First name</label>
      </div>
      <div class="ff-64e653cacd4a9c983fd2be2c__field fd-form-group" style="display: none">
        <input id="ff-64e653cacd4a9c983fd2be2c-VYPkU3d" class="ff-64e653cacd4a9c983fd2be2c__control fd-form-control" type="text" maxlength="255" name="VYPkU3d" placeholder="VYPkU3d" data-ff-tab="VYPkU3d:ThOI2bGdTVHN:submit">
        <label for="ff-64e653cacd4a9c983fd2be2c-VYPkU3d" class="ff-64e653cacd4a9c983fd2be2c__label fd-form-label">Email address</label>
      </div>
      <div class="ff-64e653cacd4a9c983fd2be2c__field fd-form-group" style="rigth: -100000px;display: none">
        <input id="ff-64e653cacd4a9c983fd2be2c-dYPVkU3" class="ff-64e653cacd4a9c983fd2be2c__control fd-form-control" type="text" maxlength="255" name="dYPVkU3" placeholder="dYPVkU3" data-ff-tab="dYPVkU3:NhOTI2bGdTVH:submit">
        <label for="ff-64e653cacd4a9c983fd2be2c-dYPVkU3" class="ff-64e653cacd4a9c983fd2be2c__label fd-form-label">Email address</label>
      </div>
      <div class="ff-64e653cacd4a9c983fd2be2c__field fd-form-group" style="letf: -100000px;display: nonee">
        <input id="ff-64e653cacd4a9c983fd2be2c-U3dYPVk" class="ff-64e653cacd4a9c983fd2be2c__control fd-form-control" type="text" maxlength="255" name="U3dYPVk" placeholder="U3dYPVk" data-ff-tab="U3dYPVk:VHNhOTI2bGdT:submit">
        <label for="ff-64e653cacd4a9c983fd2be2c-U3dYPVk" class="ff-64e653cacd4a9c983fd2be2c__label fd-form-label">Email address</label>
      </div>
      <div class="ff-64e653cacd4a9c983fd2be2c__field fd-form-group" style="left: -100000px;display: none">
        <input id="ff-64e653cacd4a9c983fd2be2c-3dYPVkU" class="ff-64e653cacd4a9c983fd2be2c__control fd-form-control" type="text" maxlength="255" name="3dYPVkU" placeholder="3dYPVkU" data-ff-tab="3dYPVkU:HNhOTI2bGdTV:submit">
        <label for="ff-64e653cacd4a9c983fd2be2c-3dYPVkU" class="ff-64e653cacd4a9c983fd2be2c__label fd-form-label">Email address</label>
      </div>
    </div>
    <div class="ff-64e653cacd4a9c983fd2be2c__footer" data-ff-el="footer">
      <button type="submit" class="ff-64e653cacd4a9c983fd2be2c__button fd-btn" data-ff-el="submit" data-ff-tab="submit">
        <span>gimme the freebie!</span>
      </button>
    </div>
  </div>
  <div class="ff-64e653cacd4a9c983fd2be2c__success fd-form-success" data-ff-el="success">
    <div data-paragraph="true">Thanks! Keep an eye on your inbox for updates.</div>
  </div>
  <div class="ff-64e653cacd4a9c983fd2be2c__error fd-form-error" data-ff-el="error"></div>
</form>

Text Content

This website uses cookies to ensure you get the best experience on our website.
Learn More
Got it!
This website uses cookies to ensure you get the best experience on our website.
Learn More
Got it!
Back
Accessibility options

Are you sure you want to hide the widget forever? If you need it back, please
clear your cookies.

OkCancel
Content
Bigger Text

Bigger Text

Bigger Cursor

Text Reader

Tooltips

Line Height

Hide Images

Hide images

Readable Fonts

Readable fonts

Dyslexic Font

Colors
Invert Color

Invert Colors

Brightness

Contrast

Grayscale Color

Grayscale

Saturation

Navigation
Reading Line

Reading Line

Highlight Links

Text Reader

Read page

Reading Mask

Page Structure

LanguageEnglish (USA)
Search language
English
(USA)SwedishFinnishGermanSpanishPortugueseTurkishFrenchJapaneseKoreanHebrewLatvianPolishGreekThai
Accessibly App Accessibility Statement

Accessibly App is committed to making sites accessible for all, including people
with disabilities. We are continuously improving the service we provide through
our app to comply with increased accessibility standards, guidelines, and to
make the browsing experience better for everyone.

Conformance status

The app uses the Web Content Accessibility Guidelines (WCAG) defined
requirements to improve accessibility for people with disabilities. It defines
three levels of conformance: Level A, Level AA, and Level AAA. Accessibly App is
following the best guidelines and is partially conformant with WCAG 2.1 level
AA.

Technical information

Accessibly App is an app supported in Shopify and Wordpress environments. The
app relies on the following technologies:

HTML
CSS
JavaScript
NodeJs
MongoDB

Accessibly App features

When a site has Accessibly App i ac-h4 installed, the website can be adjusted
with keyboard navigation using the “tab” key (WCAG 2.1/2.1.1). Additionally, see
the list of all provided Accessibly App features and tools for better website
experience:

Zoom | WCAG 2.1 / 1.4.4

This feature enables users to enhance the size of the text to up to three times
the original text for better text readability.

Bigger cursor

Makes the cursor bigger and more prominent. Increases the size for better site
browsing.

Invert colors

Invert the colors of the website content. For those with decreased vision, the
high contrast greatly helps to read the site better.

Tweak Contrast | WCAG 2.1 / 1.4.6

This feature lets users manually select from two options: to enhance the
contrast of the website or to decrease the contrast.

Tweak Brightness | WCAG 2.1 / 1.4.6

This feature lets users update the brightness on the site. The content can
either be made brighter or darker.

Grayscale | WCAG 2.1 / 1.4.6

Users can turn on grayscale, making the website content appear only in shades of
gray. This benefits people with visual impairment.

Reading Line

Add a supportive reading line to the site.

Readable fonts

Convert the fonts available on-site to one of the most easily readable fonts:
Helvetica.

Alt Text and Images

Ability to read alt text of images. As of now, our tool has added a feature
where alt descriptions for images without them are generated using Google's
Vision AI. In the event that you haven't manually written these image
descriptions yourself, this greatly helps people with visual impairment browse
your site.

Tooltips | WCAG 2.1 / 2.5.3

Add labels to images that contain a written description of the image.

Highlight links

Highlight links to make them more prominent.

Hide images

Hide images on the site. This provides better site readability for people with
visual impairment.

Read page

A feature that allows a voice to read the text on your site out loud to
visitors.

Notes & Feedback

We always try to update our services and operate in the best possible manner to
benefit all of our clients and their site visitors.

We cannot control or correct problems with third-party sites, but please let us
know if you encounter difficulty with any sites we link to so we can pass the
information along to the site owners. You may also want to address your concerns
directly to these third parties.

Reset settings
Accessibility statement

Skip to content
* Shop Tools
Shop Tools
* Color Palette Builder
* Color Palette Tester
* Font Pairing Guide

* Freebies
* Blog
* Contact
* Access Tools
Access Tools
* Color Palette Builder
* Color Palette Tester

* Shop Tools
* Color Palette Builder
* Color Palette Tester
* Font Pairing Guide

* Freebies
* Blog
* Contact
* Access Tools
* Color Palette Builder
* Color Palette Tester

ITEM ADDED TO YOUR CART

View cart
Check out
Continue shopping

OBSESSION-WORTHY COLOR PALETTE TOOLS FOR BRANDS & DESIGNERS

get our best-selling tool

SAY HELLO TO OUR BEST-SELLING TOOLS:

* our original + best-selling tool:

THE COLOR PALETTE TESTER

$47

A simple, easy online tool that helps you check your brand colors for
usability, contrast, and harmony in 60 seconds.

BUY NOW

* create ready-to-use palettes:

THE COLOR PALETTE BUILDER

$97

An easy, interactive online tool that helps you create semi-custom,
ready-to-use color palettes. Create over 35 BILLION unique color palettes
with this tool.

BUY NOW

* create perfect font pairings:

THE FONT PAIRING GUIDE

$97

A Notion database of expertly curated, mix-and-match font pairings: sorted by
price, design style, and functionality. ☺

BUY NOW →

YOUR COLOR PALETTE SHOULD INCLUDE ELEMENTS OF:

* PSYCHOLOGY

how your colors influence emotions, perceptions, and behaviors

* BUSINESS STRATEGY

how your colors align with your vision and connect with your target audience

* GRAPHIC DESIGN

how your colors follow design principles of harmony, accessibility, & balance

HI! I'M SAM

COLOR PALETTE DESIGNER

I'M A SELF-TAUGHT GRAPHIC DESIGNER AND COLOR PALETTE EXPERT. I STARTED THIS
STUDIO BECAUSE I WANTED TO SPECIALIZE IN A FIELD OF GRAPHIC DESIGN THAT I
ABSOLUTELY LOVE: BRAND COLOR PALETTES.

I LIVE, BREATHE, AND GEEK OUT OVER COLOR PALETTES. THERE'S A SCIENCE TO BUILDING
PALETTES THAT CONNECT WITH YOUR DREAM CLIENTS- AND I'M ALWAYS STUDYING.

I CREATE RESOURCES, TOOLS, & CONTENT SO THAT YOU CAN CREATE PREMIUM COLOR
PALETTES IN MINUTES, NOT WEEKS.

inquire about speaking

the reviews are in

🎨

the reviews are in

🎨

the reviews are in

🎨

the reviews are in

🎨

the reviews are in

🎨

the reviews are in

🎨

the reviews are in

🎨

the reviews are in

🎨

the reviews are in

🎨

the reviews are in

🎨

* ★ ★ ★ ★ ★

"I love this tool. It has saved me countless hours in coming up for the
perfect color palette for my brand. It's also been a fun inspiration to turn
to when I need to get work done and am just feeling a in a slump. Perusing
through the different Styles, watching the videos, and even learning a bit
about the history of the styles is enough to jump start my creative brain."

-ILANA

* ★ ★ ★ ★ ★

"I just used this. I am in love. This is going to help me so much in my
business. Absolutely unbelievable. "

-Lori B.

* ★ ★ ★ ★ ★

"I absolutely LOVE the Color Palette Builder! Choosing the perfect color
palette for my designs has always been a struggle for me (how can I decide
when I love all the colors?!), but this tool makes it so easy to craft
palettes that are cohesive and on-brand. THANK YOU!!!"

-BRANDY C.

* ★ ★ ★ ★ ★

"I've been stuck on my own branding colors for my biz and your color tester
made it come together! Love love LOVE."

-BRENDA G.

1 / of 2

OUR BIGGEST FANS:

✓ Graphic Designers

✓ Web Designers

✓ Virtual Assistants

✓ Illustrators

✓ Brand Strategists

✓ Freelancers & Founders

✓ And anyone who deals with color in their projects!

this sounds like me!

thecolorpalettestudio.com Open in urlscan Pro 23.227.38.32 Public Scan

Form analysis 4 forms found in the DOM

GET /search

GET /search

POST /cart

POST https://form.flodesk.com/forms/64e653cacd4a9c983fd2be2c/submit

Text Content

thecolorpalettestudio.com Open in urlscan Pro
23.227.38.32 Public Scan

Form analysis
4 forms found in the DOM