Colors that go together

Colors go together when they share a clear relationship on the color wheel and differ enough in lightness to stay distinct. For a logo, that means choosing one dominant color, adding one or two supporting colors through a recognized harmony (monochromatic, analogous, complementary, split-complementary or triadic), and then confirming the palette still works in a single color, in grayscale, at small sizes, and in both screen and print color modes. A combination that looks pleasing on a swatch card is only a good logo palette once it survives those checks in the actual vector artwork.

Terms you need first

• Hue: the color family itself, such as red, blue or green, and its position on the color wheel.
• Value: how light or dark a color is. Value contrast is what keeps shapes and letters readable.
• Saturation: how intense or muted a color is, from vivid to grayish.
• Swatch: a saved, named color in a vector program that can be applied to paths and type consistently.
• Global color: a swatch linked to every object that uses it, so editing the swatch updates the whole logo at once.
• Spot color: a premixed ink specified by name or number from a color-matching system, used in print instead of building the color from process inks.
• Color mode: the model a file uses to describe color. RGB is for screens; CMYK is for process printing.
• One-color version: the logo rendered in a single flat color, needed for embroidery, engraving, stamps, faxes and many low-cost print methods.

Good color combinations by harmony type

Harmony | How it is built | Typical character in a logo | What to watch for

Monochromatic | One hue in several lighter and darker versions | Calm, unified, easy to reproduce | Steps can be too close in value and blur together

Analogous | Hues that sit next to each other on the wheel | Natural, cohesive, low tension | Can lack a focal point without a value or saturation difference

Complementary | Two hues opposite each other on the wheel | High energy, strong separation | Equal amounts of both vivid hues can vibrate along shared edges

Split-complementary | One hue plus the two neighbors of its opposite | Contrast with less harshness than a direct complement | Needs a clear dominant color to avoid looking busy

Triadic | Three hues evenly spaced around the wheel | Lively, playful, varied | Hard to balance; usually one color leads and two support

Neutral plus accent | Black, white, gray or a muted tone with one strong hue | Versatile, professional, easy to extend | The accent must carry meaning, not just decoration

A harmony rule only selects hues. It does not guarantee legibility. Two colors can be perfect complements and still be nearly identical in value, which makes them collapse into one gray in black-and-white reproduction and hard to tell apart for people with color vision deficiencies. Treat value contrast as the deciding test and hue harmony as the starting point.

Step by step: building a logo palette

• 1. Finish the logo shapes in black first. If the mark and wordmark do not work without color, color will not fix them.
• 2. Choose the dominant color based on the brand's purpose, industry conventions and competitors you need to stand apart from.
• 3. Pick a harmony type from the table above and derive one or two supporting hues from the dominant color.
• 4. Adjust value so each color is clearly lighter or darker than its neighbors in the artwork, especially where shapes touch or type sits on a filled area.
• 5. Adjust saturation so one color leads. Muting the supporting colors usually makes the dominant one read as the brand color.
• 6. Assign colors by role: primary mark, secondary detail, wordmark, and background, rather than distributing them evenly.
• 7. Save every color as a named global swatch and apply only swatches to paths, strokes and type.
• 8. Define screen and print versions of each color, plus black, white and one-color variants of the full logo.
• 9. Run the verification checks below and revise before exporting any delivery files.

Setting up the palette in vector artwork

Keep the palette small enough that every color has a job. In the vector file, delete unused swatches, avoid unnamed or one-off fills, and check that gradients, transparency and overlapping objects do not create colors outside the defined palette. When the logo will be printed with spot inks, set those colors as spot swatches from the matching system the printer uses, and keep separate process versions for general print. Bright RGB colors, particularly vivid greens, blues and oranges, often fall outside what CMYK can reproduce and shift when converted, so choose print values deliberately instead of relying on automatic conversion. A simple specification record helps keep every file consistent; the template below uses placeholders, not real values.

Color role:      Primary
Swatch name:     [Brand Primary]
Screen (RGB/HEX):[value]
Process (CMYK):  [value]
Spot ink:        [library name and number, if used]
Used for:        [mark / wordmark / background]

Color role:      Secondary
Swatch name:     [Brand Secondary]
Screen (RGB/HEX):[value]
Process (CMYK):  [value]
Spot ink:        [library name and number, if used]
Used for:        [detail / accent]

How to verify the result

• Grayscale test: convert a copy of the artwork to grayscale. Every color area should remain distinguishable.
• One-color test: produce the logo in solid black and reversed white. Check that no detail depended on color alone.
• Small-size test: view the logo at the smallest size it will realistically appear, such as a favicon or social avatar. Thin strokes in low-contrast colors disappear first.
• Background test: place the logo on white, black, a photo and the brand's own colors to see which version works where.
• Color vision test: use a color-blindness simulation in your design software or browser tools to check that colors still separate.
• Print test: request or make a physical proof on the intended material, since screens cannot show how inks behave on a given paper or substrate.
• File check: confirm the delivered file actually contains vector paths and the defined swatches. A file extension alone does not prove the content is vector, editable, or cleared for reuse.

Common mistakes with logo color combinations

• Using several equally vivid colors so nothing reads as the main brand color.
• Choosing colors on screen only and discovering the print version looks dull or shifted.
• Placing vivid complements edge to edge in equal amounts, which creates a vibrating effect.
• Relying on color to separate parts of the mark instead of shape and value.
• Leaving stray, unnamed colors in the file that make reproduction inconsistent.

Limits of this guidance

No specific brand, color values, printer specifications or measurements were supplied for this guide, so it offers principles rather than exact numbers. Precise CMYK and spot-ink equivalents depend on the printer, the paper or material, and the color-matching library in use, and should be confirmed with the print provider. Accessibility guidelines such as WCAG exempt text that is part of a logo from contrast requirements, but taglines, buttons and interface text placed near the logo are not exempt, so check those separately with a contrast checker. Color meanings and associations vary by culture and industry; research the specific audience rather than relying on general color-psychology claims.