Rainbow Color Codes for Multicolor Logo Palettes

The short answer: there is no single official rainbow code

No standards body defines one official set of rainbow color codes. Designers usually start from a seven-color convention based on the traditional red, orange, yellow, green, blue, indigo and violet sequence, written as screen (sRGB) hex values. The set below is a common digital convention. It is not a brand standard, and it is not the palette of any particular logo or flag.

Color | Hex | RGB | Note

Red | #FF0000 | 255, 0, 0 | Matches the CSS named color "red"

Orange | #FF7F00 | 255, 127, 0 | Not the CSS named color "orange", which is #FFA500

Yellow | #FFFF00 | 255, 255, 0 | Matches the CSS named color "yellow"

Green | #00FF00 | 0, 255, 0 | Matches the CSS named color "lime". CSS "green" is the darker #008000

Blue | #0000FF | 0, 0, 255 | Matches the CSS named color "blue"

Indigo | #4B0082 | 75, 0, 130 | Matches the CSS named color "indigo"

Violet | #9400D3 | 148, 0, 211 | Matches the CSS named color "darkviolet"

Each RGB triplet is the decimal form of its hex value, so the two columns describe the same color. Many real multicolor logos and rainbow flags depart from these values. Common changes are dropping indigo, softening the pure green and blue, or darkening the yellow so it reads on white. If you are matching an existing logo, get its documented palette from the owner's brand guidelines. Sampling a downloaded image or relying on the table above is not a reliable substitute. No brand-specific palette was available for this article.

Using the codes in a vector logo

In vector artwork, a rainbow is usually built in one of two ways. The first is flat bands: separate shapes, each filled with one solid color. The second is a gradient: a single fill with color stops along a path. Flat bands are simpler to edit, recolor and reproduce consistently. Gradients look smoother, but they depend more on how each file format and output device handles them.

• Save each color as a named global swatch so a single edit updates every shape that uses it.
• For gradients, place stops for every hue in order. A two-stop gradient between distant hues can produce a dull midpoint. For example, a straight RGB blend from red to green passes through a muddy olive near 127, 127, 0.
• Keep stops evenly spaced unless the design deliberately weights one color.
• Check the gradient against both light and dark backgrounds. Yellow on white and indigo or violet on black often lose contrast.

Screen codes versus print

The hex values above are RGB screen colors. Fully saturated values such as #00FF00 and #0000FF usually fall outside what standard CMYK process printing can reproduce, so they shift noticeably when converted. The exact CMYK result depends on the color profile used, which is why no CMYK or spot-color equivalents are given here. For print delivery, define the print values deliberately in the target profile, or specify spot colors, and proof them. Do not rely on an automatic conversion.

Checking that a rainbow logo file is truly vector

A file extension such as SVG, EPS, AI or PDF does not prove the rainbow is editable vector artwork. These containers can hold an embedded raster image, or a flattened raster preview, inside a vector-format wrapper. Gradients are especially prone to this: some export paths rasterize them, or split them into many thin stepped shapes. To confirm, open the file in a vector editor. Check that the colored areas are paths with solid or gradient fills, and that the gradient stops can still be edited.

Permission is a separate question

Color values themselves are not owned. A specific rainbow logo is different: its artwork, fonts and trademark may be protected. Being able to download a logo file does not grant permission to modify its colors, reuse the artwork or use the mark. Check the owner's license or brand terms before adapting an existing multicolor logo.