Color Names and Swatches for Palette Design
How color names, color charts and swatches relate to vector logo palettes, why names alone are unreliable, and how to record logo colors so they reproduce consistently.
Contents
The short answer
A color name is a label, while a swatch is a stored color definition that design software can apply to artwork. For logo palette design, names are useful for talking about a palette, but the swatch values are what make the logo reproduce consistently. A name such as "teal" or "sky blue" means different things in different charts, dictionaries and apps. A swatch defined by an exact value, such as a hex code, an RGB or CMYK mix, or a spot color reference, means the same thing every time it is used.
This article covers how color names, color charts and swatches fit into building and delivering a vector logo palette. It explains what each one is for and how they differ.
Color names: useful shorthand, not a specification
Color name lists and color dictionaries attach words to color values. There is no single universal list. Some sources are informal and descriptive. Others are fixed systems that tie a name or code to one defined value. Web browsers recognize a set of named color keywords defined in the CSS standard. Commercial ink systems use proprietary names and numbers for spot colors.
Because these systems disagree, a name is only reliable when you also say which system it comes from. When a brief says the logo is "navy," that tells a designer roughly what to aim for. It does not tell a printer or developer what to output. When you build a palette, treat any name as a label attached to an exact value, never as a replacement for one.
Color charts and swatches: how they differ
| Item | What it is | Main use in logo work |
| Color name | A word or label for a color | Describing and discussing a palette; naming swatches so they are easy to identify |
| Color chart or guide | A reference showing many colors with their names or codes | Exploring options and matching a named color to a defined value |
| Swatch | A saved color definition inside a design file or library | Applying exact, repeatable color to vector artwork |
| Spot color reference | A color tied to a specific ink system | Print jobs that need a particular premixed ink rather than a CMYK mix |
What a logo palette swatch should record
A logo is usually reproduced on screens, on printed material and sometimes with specialty inks. Each of these uses a different color model, so a well-documented palette gives each brand color a value for every output it will actually be used for. A complete swatch entry typically includes:
- A clear working name, such as "Primary Blue" or "Accent Orange," so files and guidelines stay readable
- A hex and RGB value for screen and web use
- A CMYK value for process printing
- A spot color reference, if the brand prints with a specific ink system
- A note on which value is the master and which values are converted from it
Converting colors between models is not lossless. Some bright screen colors cannot be printed with CMYK inks. Converted values should be checked against proofs instead of being trusted automatically. Which conversion settings and color profiles to use depends on the print process, and no project-specific guidance on that was available for this article.
Here is a simple way to record a palette for developers. It uses CSS named colors next to their standard hex values to show how a name and its exact value can be stored together:
:root {
--brand-primary: #000080; /* CSS keyword: navy */
--brand-secondary: #008080; /* CSS keyword: teal */
--brand-neutral: #808080; /* CSS keyword: gray */
}
Swatches only control vector artwork
Swatches in a vector editor change the fills and strokes of vector paths. They cannot recolor raster content. If a logo file contains an embedded raster image, or is only a raster preview wrapped in a vector-format container, swatches cannot change its colors cleanly. The file extension does not settle this. A file labeled as vector may still hold a pixel image, so open the file and check the artwork before relying on swatches to manage its palette.
In editors that support global swatches, linking every logo element to a shared swatch means one edit updates every instance. This is the practical reason to build a palette as named swatches instead of applying loose color values object by object. It also makes delivered files easier for others to keep consistent.
Recoloring someone else's logo
Being able to download a logo, or extract its colors into swatches, does not mean you are allowed to change it. Brand owners often specify approved colors and forbid alterations, and the logo itself may be a protected trademark. Fonts used in the artwork may have their own license terms. Check the brand guidelines or get permission before recoloring or adapting a logo you did not create.
Gaps in this overview
No subject-specific evidence was available for this article. That means no comparison of particular palette generators, color name databases or swatch libraries, no pricing or licensing details for commercial ink systems, and no tested conversion results. Confirm the specifics against the documentation for the software and color systems you plan to use.