Quick answer: Brand colors for social media graphics are a small system, not a rainbow. A launch graphic typically uses one primary color, one accent, and the neutral text colors. The palette is repeated across all posts so the feed becomes recognizable.

The three-color system

  • Primary color. The background, the dominant panels, and the brand presence. This is the color people associate with the brand.
  • Accent color. The buttons, the highlighted word, the one element that needs attention.
  • Neutral. Near-black or near-white for text, borders, and supporting elements.

That's enough. A palette with five saturated colors on a single card is hard to read and hard to remember.

The 60/30/10 rule

  • 60% the primary color (or neutral background).
  • 30% the supporting color or secondary panels.
  • 10% the accent, reserved for the thing the eye should land on.

When everything is the accent, nothing is.

Choosing the primary color

The primary color is usually the product's brand color. The practical constraints:

  • It should work as a full background or a panel, not only as a button.
  • It should pair with white or near-black text at a readable contrast.
  • It should hold up in a small card; a very light pastel disappears in a feed.

Choosing the accent

The accent is a color that works next to the primary and is used sparingly. It points at the CTA, the highlighted word, or the key number. The accent should be the most saturated color in the card, and it should not be the background.

The neutrals

  • Text on light backgrounds: near-black, not pure black. Pure black on white can feel harsh on screens; a dark gray is softer.
  • Text on dark backgrounds: near-white.
  • Borders and dividers: light gray on light backgrounds, dark gray on dark backgrounds.

Contrast and readability

The accent is not a text color unless the contrast passes. The test from text readability on images applies: a contrast ratio of about 4.5:1 for body text, 3:1 for large headlines.

Consistency across the feed

The colors repeat across the image set so the feed reads as a brand. The same primary, accent, and neutrals appear on X, Instagram, LinkedIn, and Stories, even though the layouts differ. A consistent palette is one of the reasons a set of generated launch cards looks intentional.

Practical examples

  • A developer tool might use a near-black primary with a single bright accent.
  • A productivity product might use a soft neutral background with a bold primary.
  • A consumer product can carry more warmth, but the 60/30/10 rule still applies.

What to avoid

  • A new color on every card.
  • Multiple saturated colors at equal intensity.
  • Gradients made from unrelated colors. A two-color gradient works only if the colors are adjacent or the brand calls for it.
  • Accent-colored paragraphs. The accent is a highlight, not a text color.
  • Pure black text on pure white. Near-black and off-white are easier on the eyes.

Frequently asked questions

How many colors should a brand have? One primary, one accent, and neutrals. Extended palettes exist, but the social set only needs these.

Do I need to use hex codes? Use a defined hex (or the modern oklch value) for consistency, and write the palette down so every image matches.

Can a launch use a different color from the product? It can, but the launch and the product should share the primary so the brand carries over.

What about dark mode? The social set should include a dark background card and a light one; the palette needs both.

Can a tool enforce the palette? The Neatico themes use a fixed color system, so every generated card follows the same palette without manual selection.

Pick one primary, one accent, and two neutrals. Repeat them for every launch card. The brand is in the repetition, not the variety.

Related guide: the brand kit guide.