Colors that go with scarlet
Scarlet (#FF2400) is a medium, vivid red. Colors that go well with scarlet include Neon Blue (#00DBFF), Hyperpop Green (#00FFA3), Flaming Hot Flamingoes (#FF005B), Orange (#FFA300), Acid (#00FF24). For a safe, polished look, pair scarlet with a soft off-white like #FFF2EF and a deep neutral like #2B130F; for contrast, add a touch of its complement #00DBFF.
Best colors to pair with scarlet
- ComplementaryNeon Blue #00DBFF
Opposite scarlet on the color wheel, so it creates the strongest, most energetic contrast. Use it sparingly as an accent.
- Split complementaryHyperpop Green #00FFA3
Sits next to scarlet's complement: lively contrast with less tension than the direct opposite.
- AnalogousFlaming Hot Flamingoes #FF005B
A neighbouring hue that blends naturally with scarlet for calm, cohesive designs.
- AnalogousOrange #FFA300
The neighbour on the other side of scarlet — pair both for a soft, harmonious scheme.
- Light neutralIvory Tower #FFF2EF
An off-white with a hint of scarlet — an easy background that never feels stark.
- Dark neutralShadow Play #2B130F
A deep, scarlet-tinted near-black for text and dark sections; softer than pure black.
- GrayChorus of Elephants #918886
A warm-or-cool gray matched to scarlet for borders, captions and secondary UI.
Scarlet color palettes
Each palette keeps #FF2400 in the middle; open one in the generator to tweak it.
- 380700FFD3A9FF2400A7004BE65278Analogous Scarlet palette
- 581600006779FF2400FF9284CCF3FFComplementary Scarlet palette
- 84200000A48AFF2400520006A0D5FFSplit complementary Scarlet palette
- F5403ABA002AFF240000F7913D16C4Triadic Scarlet palette
- C85446FF9984FF2400FFEDE77E1C00Monochromatic Scarlet palette
- E7F3FF004137FF2400B8001EFF7E6ABalanced Scarlet palette
From our palette library
Text and backgrounds with scarlet
Check any other pair with the contrast checker.
FAQ
What colors go with scarlet?
Neon Blue (#00DBFF), Hyperpop Green (#00FFA3), Flaming Hot Flamingoes (#FF005B), Orange (#FFA300), Acid (#00FF24) go well with scarlet. Neutrals such as #FFF2EF and #2B130F are the easiest companions, and #00DBFF adds bold contrast as its complementary color.
What is the complementary color of scarlet?
The complementary color of scarlet (#FF2400) is #00DBFF (Neon Blue), which sits opposite it on the color wheel.
What neutral colors go with scarlet?
Off-whites, creams and grays with a slight scarlet tint, such as #FFF2EF and #918886, plus a deep near-black like #2B130F. Tinted neutrals look more cohesive than pure white, gray or black.
What text color should I use on scarlet?
Black text on #FF2400 has a contrast ratio of 5.50:1 (good). For scarlet text, use a background like #000000 (5.50:1, good).
Is scarlet a warm or cool color?
Scarlet is a warm color in the red family.