Colors Similar to Coral
Colors close to coral, which ones share its hue for a true monochromatic logo palette, and how to set coral tints and shades up in vector logo files.
Contents
Coral is a warm color between orange and pink. Many named colors are close to it, including salmon, light salmon, dark salmon, light coral, tomato and orange red. For a monochromatic logo palette, though, "similar" and "same hue" are different things. Some of these neighbors share coral's hue almost exactly. Others lean pinker or redder and would make the palette analogous rather than strictly monochromatic. This article sorts them using the published CSS named-color values. It also explains how to turn coral into a usable set of tints and shades inside vector logo artwork.
The short answer
In the CSS color specification, coral is defined as #FF7F50. In HSL terms that works out to a hue of about 16 degrees at full saturation and roughly 66 percent lightness. The named colors closest to that hue are light salmon, dark salmon and orange red. They differ from coral mainly in lightness and saturation, so they fit a single-hue palette. Light coral and salmon look similar at a glance but sit closer to red and pink, so they introduce a second hue.
Coral and its closest named neighbors
The hex values below are the standard CSS named-color definitions. The hue figures are calculated from those hex values and rounded to the nearest degree. They are not taken from a brand guide or a print standard.
| Color | CSS hex | Approx. hue | Relationship to coral |
| Coral | #FF7F50 | 16° | Reference color |
| Light salmon | #FFA07A | 17° | Same hue family, lighter and softer |
| Dark salmon | #E9967A | 15° | Same hue family, muted and less saturated |
| Orange red | #FF4500 | 16° | Same hue family, deeper and far more intense |
| Tomato | #FF6347 | 9° | Slightly redder neighbor |
| Salmon | #FA8072 | 6° | Pinker neighbor |
| Light coral | #F08080 | 0° | Pink-red; similar name, different hue |
Names like peach, apricot and terracotta are also often grouped with coral. They have no single standard definition, though, and their values vary between color libraries. Treat any specific value for them as a choice you make, not a fixed reference.
What makes a coral palette monochromatic
A monochromatic palette keeps one hue and varies only how light or how saturated it is. There are three ways to vary it:
- Tints: coral mixed toward white, giving peach-like pale versions suited to backgrounds and secondary shapes.
- Shades: coral mixed toward black, giving brick and rust-like versions that carry type and fine detail better.
- Tones: coral mixed toward gray, giving dusty, muted versions such as the dark salmon end of the range.
Hold the hue near 16 degrees and change only lightness and saturation, and the palette stays monochromatic. Swapping in salmon or light coral because they look close is the most common way a coral palette quietly drifts into a pink-coral pairing. That can be a perfectly good design, but it is no longer one hue.
Practical implications for a coral logo
Coral at its standard value is fairly light. Measured with the WCAG contrast formula, #FF7F50 on white comes to roughly 2.5 to 1. That falls below the 3 to 1 guideline for meaningful graphics and the 4.5 to 1 guideline for normal body text. Coral works well as a fill or accent on white. Wordmarks, thin strokes and small text usually need a darker shade from the same family, or a dark background behind them.
The hex values above describe screen color in sRGB. No CMYK or spot-color equivalents were available for this article, and coral-range oranges can shift noticeably in print. If the logo will be printed, match the coral against a physical swatch book or a printer's proof rather than relying on an automatic RGB-to-CMYK conversion. Pantone named a color Living Coral as its 2019 Color of the Year, but that swatch should not be assumed to equal CSS coral.
Setting up coral swatches in vector artwork
In vector editors, defining each tint and shade as a named swatch makes recoloring dependable. Where the software supports it, use global or linked swatches. Then shapes that use those swatches update together when you adjust the palette. Keep the master swatch at the reference coral, and add the tints and shades as separate swatches.
Recoloring only works on actual vector fills and strokes. An AI, EPS, PDF or SVG file can still contain an embedded raster image or a flattened preview, and swatch changes will not affect those parts. Before planning a coral recolor of an existing logo, open the file and check that the logo elements are editable paths. Do not assume this from the file extension alone.
If the logo belongs to someone else, being able to download a file does not grant permission to recolor it. Modifying a logo's colors, artwork or typefaces, or using its trademark in a new palette, depends on the owner's brand guidelines and license terms.
Gaps in this overview
No brand-specific evidence was supplied, so this article recommends no particular coral palette and cites no print values, pricing or tools. The figures given here come only from the published CSS color definitions and standard color and contrast calculations. Final palette choices should be checked on the intended screens, in print proofs and at the smallest size the logo will appear.