Charcoal gray

Colors that go with charcoal gray

Charcoal gray (#36454F) is a dark gray. Colors that go well with charcoal gray include Turtle (#4F4036), Vibrant Vine (#4F3639), Night Watch (#364F4D), Dark & Stormy (#36394F), Shadow Purple (#4F3645). For a safe, polished look, pair charcoal gray with a soft off-white like #F3F5F7 and a deep neutral like #181B1D; for contrast, add a touch of its complement #4F4036.

Best colors to pair with charcoal gray

  • ComplementaryTurtle #4F4036

    Opposite charcoal gray on the color wheel, so it creates the strongest, most energetic contrast. Use it sparingly as an accent.

  • Split complementaryVibrant Vine #4F3639

    Sits next to charcoal gray's complement: lively contrast with less tension than the direct opposite.

  • AnalogousNight Watch #364F4D

    A neighbouring hue that blends naturally with charcoal gray for calm, cohesive designs.

  • AnalogousDark & Stormy #36394F

    The neighbour on the other side of charcoal gray — pair both for a soft, harmonious scheme.

  • TriadicShadow Purple #4F3645

    One third of the way around the wheel from charcoal gray: vibrant but balanced.

  • Light neutralChef’s Hat #F3F5F7

    An off-white with a hint of charcoal gray — an easy background that never feels stark.

  • Dark neutralCoco’s Black #181B1D

    A deep, charcoal gray-tinted near-black for text and dark sections; softer than pure black.

  • GraySerious Cloud #7C8489

    A warm-or-cool gray matched to charcoal gray for borders, captions and secondary UI.

Charcoal gray color palettes

Each palette keeps #36454F in the middle; open one in the generator to tweak it.

From our palette library

Text and backgrounds with charcoal gray

AaText on a charcoal gray background
9.90:1Very goodWhite text on #36454F
AaCharcoal gray text on a light background
9.90:1Very good#36454F text on #FFFFFF

Check any other pair with the contrast checker.

FAQ

What colors go with charcoal gray?

Turtle (#4F4036), Vibrant Vine (#4F3639), Night Watch (#364F4D), Dark & Stormy (#36394F), Shadow Purple (#4F3645) go well with charcoal gray. Neutrals such as #F3F5F7 and #181B1D are the easiest companions, and #4F4036 adds bold contrast as its complementary color.

What is the complementary color of charcoal gray?

The complementary color of charcoal gray (#36454F) is #4F4036 (Turtle), which sits opposite it on the color wheel.

What neutral colors go with charcoal gray?

Off-whites, creams and grays with a slight charcoal gray tint, such as #F3F5F7 and #7C8489, plus a deep near-black like #181B1D. Tinted neutrals look more cohesive than pure white, gray or black.

What text color should I use on charcoal gray?

White text on #36454F has a contrast ratio of 9.90:1 (very good). For charcoal gray text, use a background like #FFFFFF (9.90:1, very good).

Is charcoal gray a warm or cool color?

Charcoal gray is a neutral color in the gray family.

More gray colors

All colors