Skip to content
HomeColorsBlue

Exact micolly shade · #2778E0

What colors go with Blue?

Blue

Quick answer

Blue works especially well with cadet blue, Cornflower Blue and brown grey. The duos and outfit trios below show different ways to combine Blue.

Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid

Combining Blue

Matching color duos

Each combination creates a different emphasis. Open the details for its color effect and styling idea.

01 · Related Color Harmony

Blue and Cadet blue

Blue#2778E0
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
Cadet blue#0086B4
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
More details

Combination idea

blue and cadet blue sit close together on the colour wheel. Their related colour directions flow gently into one another, making the look harmonious without feeling monotonous.

Temperature effect

blue and cadet blue both belong to the very cool colours. This gives the outfit a particularly clear, fresh and modern direction.

Open this combination in the color lab
02 · Related Color Harmony

Blue and Cornflower Blue

Blue#2778E0
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
Cornflower Blue#7C7AE6
Temperature
Very cool
Lightness
Medium lightness
Vividness
Rather vivid
More details

Combination idea

blue and Cornflower Blue sit close together on the colour wheel. Their related colour directions flow gently into one another, making the look harmonious without feeling monotonous.

Temperature effect

blue and Cornflower Blue both belong to the very cool colours. This gives the outfit a particularly clear, fresh and modern direction.

Open this combination in the color lab
03 · Contrast in Balance

Blue and Brown grey

Blue#2778E0
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
Brown grey#8B775C
Temperature
Very warm
Lightness
Medium lightness
Vividness
Rather muted
More details

Combination idea

These two hues stand clearly apart and give each other presence. blue sets the stronger color accent, while brown grey is intentionally quieter. The look stays contrasting without both colors competing for attention.

Temperature effect

blue brings a cool and brown grey a warm temperature effect to the look. This contrast makes the combination livelier and more layered. If you are a cool colour type, wear blue near your face – as a top, scarf or jacket; if you are a warm colour type, wear brown grey there. The other colour works lower in the outfit or as shoes, a belt or a bag.

Open this combination in the color lab
04 · Nuanced Contrast

Blue and Terracotta

Blue#2778E0
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
Terracotta#BF5819
Temperature
Very warm
Lightness
Medium lightness
Vividness
Very vivid
More details

Combination idea

blue and Terracotta create a clear, slightly offset contrast. This gives the look energy without feeling as graphic as an exact opposite.

Temperature effect

blue brings a cool and Terracotta a warm temperature effect to the look. This contrast makes the combination livelier and more layered. If you are a cool colour type, wear blue near your face – as a top, scarf or jacket; if you are a warm colour type, wear Terracotta there. The other colour works lower in the outfit or as shoes, a belt or a bag.

Open this combination in the color lab
05 · Nuanced Contrast

Blue and Olive Brown

Blue#2778E0
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
Olive Brown#847F00
Temperature
Rather warm
Lightness
Medium lightness
Vividness
Very vivid
More details

Combination idea

blue and Olive Brown create a clear, slightly offset contrast. This gives the look energy without feeling as graphic as an exact opposite.

Temperature effect

blue brings a cool and Olive Brown a warm temperature effect to the look. This contrast makes the combination livelier and more layered. If you are a cool colour type, wear blue near your face – as a top, scarf or jacket; if you are a warm colour type, wear Olive Brown there. The other colour works lower in the outfit or as shoes, a belt or a bag.

Open this combination in the color lab
06 · Tonal Depth

Blue and Prussian Blue

Blue#2778E0
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
Prussian Blue#004592
Temperature
Very cool
Lightness
Rather dark
Vividness
Very vivid
More details

Combination idea

Prussian Blue deepens blue within the same colour family. The look stays cohesive while the darker shade adds depth.

Temperature effect

blue and Prussian Blue both belong to the very cool colours. This gives the outfit a particularly clear, fresh and modern direction.

Open this combination in the color lab
07 · Tonal Light

Blue and Powder blue

Blue#2778E0
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
Powder blue#7DB4FF
Temperature
Very cool
Lightness
Rather light
Vividness
Very vivid
More details

Combination idea

powder blue lightens blue within the same colour family. The look stays cohesive while feeling lighter and fresher.

Temperature effect

blue and powder blue both belong to the very cool colours. This gives the outfit a particularly clear, fresh and modern direction.

Open this combination in the color lab

Blue as the main piece

Outfit trios

The starting color takes 60% as the main piece. A supporting and accent color complete the look in a 30–10 ratio.

01 · Tonal Layers · Tonal Depth

Blue, Navy blue, Very Dark Navy

Main color · 60%Blue#2778E0
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
Companion · 30%Navy blue#27427D
Temperature
Very cool
Lightness
Rather dark
Vividness
Medium vividness
Accent · 10%Very Dark Navy#0B1B2F
Temperature
Rather cool
Lightness
Very dark
Vividness
Very muted
More details

Combination idea

blue is your starting color. In the lightness sequence, navy blue sits between blue and Very Dark Navy. This creates a cohesive look with visible depth.

Temperature effect

blue, navy blue, and Very Dark Navy all sit on the cool side. Together they create a calm, clear look with a modern feel.

Open this combination in the color lab
02 · Tonal Layers · Soft Monochrome

Blue, Dark navy blue, Blue black

Main color · 60%Blue#2778E0
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
Companion · 30%Dark navy blue#2B3E4F
Temperature
Rather cool
Lightness
Rather dark
Vividness
Rather muted
Accent · 10%Blue black#102145
Temperature
Very cool
Lightness
Very dark
Vividness
Very muted
More details

Combination idea

blue is your starting color. dark navy blue and blue black complement it with gently graduated shifts in color and lightness. The trio feels calm and softly connected.

Temperature effect

blue, dark navy blue, and blue black all sit on the cool side. Together they create a calm, clear look with a modern feel.

Open this combination in the color lab
03 · Quiet Chic · Quiet Structure

Blue, Denim Blue, Sand Beige

Main color · 60%Blue#2778E0
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
Companion · 30%Denim Blue#485183
Temperature
Very cool
Lightness
Rather dark
Vividness
Rather muted
Accent · 10%Sand Beige#CCAB83
Temperature
Very warm
Lightness
Rather light
Vividness
Rather muted
More details

Combination idea

blue is your starting color. Denim Blue stays closer to it in hue, while Sand Beige introduces a muted counter-direction. The look gains clear, quiet structure with controlled contrast.

Temperature effect

blue, Denim Blue, and Sand Beige combine warm and cool colours in a lively, layered look. If you are a cool colour type, wear blue near your face – as a top, scarf or jacket; if you are a warm colour type, wear Sand Beige there. The other temperature works lower in the outfit or as shoes, a belt or a bag.

Open this combination in the color lab
04 · Quiet Chic · Tailored Tones

Blue, Dark grey, Peach Pink

Main color · 60%Blue#2778E0
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
Companion · 30%Dark grey#414F55
Temperature
Rather cool
Lightness
Rather dark
Vividness
Very muted
Accent · 10%Peach Pink#D6B4A7
Temperature
Rather warm
Lightness
Rather light
Vividness
Rather muted
More details

Combination idea

blue is your starting color. dark grey and Peach Pink add two deliberately shifted, moderately weighted hue directions. This gives the trio variety without creating a hard color clash.

Temperature effect

blue, dark grey, and Peach Pink combine warm and cool colours in a lively, layered look. If you are a cool colour type, wear blue near your face – as a top, scarf or jacket; if you are a warm colour type, wear Peach Pink there. The other temperature works lower in the outfit or as shoes, a belt or a bag.

Open this combination in the color lab
05 · Modern Contrast · Modern Dialogue

Blue, Dark grey blue, Dark brown

Main color · 60%Blue#2778E0
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
Companion · 30%Dark grey blue#3E5E69
Temperature
Rather cool
Lightness
Rather dark
Vividness
Rather muted
Accent · 10%Dark brown#46351A
Temperature
Very warm
Lightness
Rather dark
Vividness
Rather muted
More details

Combination idea

blue is your starting and main color. dark grey blue comes from a neighboring color family and forms the transition to dark brown, the clear counter-accent to the starting color. This creates a visible arc of color instead of an abrupt jump.

Temperature effect

blue, dark grey blue, and dark brown combine warm and cool colours in a lively, layered look. If you are a cool colour type, wear blue near your face – as a top, scarf or jacket; if you are a warm colour type, wear dark brown there. The other temperature works lower in the outfit or as shoes, a belt or a bag.

Open this combination in the color lab
06 · Modern Contrast · Soft Contrast

Blue, Soft purple, Sand Beige

Main color · 60%Blue#2778E0
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
Companion · 30%Soft purple#A296C9
Temperature
Very cool
Lightness
Rather light
Vividness
Rather muted
Accent · 10%Sand Beige#E9B99D
Temperature
Very warm
Lightness
Rather light
Vividness
Medium vividness
More details

Combination idea

blue is your starting color. soft purple connects more closely to it, while Sand Beige introduces the clearer counter-direction. Because the opposite is softened in lightness and intensity, the contrast stays present without feeling hard.

Temperature effect

blue, soft purple, and Sand Beige combine warm and cool colours in a lively, layered look. If you are a cool colour type, wear blue near your face – as a top, scarf or jacket; if you are a warm colour type, wear Sand Beige there. The other temperature works lower in the outfit or as shoes, a belt or a bag.

Open this combination in the color lab
07 · Color Energy · Dynamic Color Tension

Blue, Chestnut, Deep green

Main color · 60%Blue#2778E0
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
Companion · 30%Chestnut#895034
Temperature
Very warm
Lightness
Medium lightness
Vividness
Medium vividness
Accent · 10%Deep green#325527
Temperature
Rather warm
Lightness
Rather dark
Vividness
Medium vividness
More details

Combination idea

blue is your starting color. chestnut and deep green set two offset contrast directions. blue carries the largest color area, chestnut accompanies it and deep green adds the smaller color peak. This creates tension without making all three colors speak equally loudly.

Temperature effect

blue, chestnut, and deep green combine warm and cool colours in a lively, layered look. If you are a cool colour type, wear blue near your face – as a top, scarf or jacket; if you are a warm colour type, wear chestnut there. The other temperature works lower in the outfit or as shoes, a belt or a bag.

Open this combination in the color lab
08 · Color Energy · Playful Triad

Blue, Muted Rose, Avocado Green

Main color · 60%Blue#2778E0
Temperature
Very cool
Lightness
Medium lightness
Vividness
Very vivid
Companion · 30%Muted Rose#D6747B
Temperature
Rather warm
Lightness
Rather light
Vividness
Medium vividness
Accent · 10%Avocado Green#7CC55A
Temperature
Rather warm
Lightness
Rather light
Vividness
Rather vivid
More details

Combination idea

blue is your starting color. Muted Rose and Avocado Green open two distinctly different hue directions. The graduated areas of blue, Muted Rose and Avocado Green keep the expressive triad controlled.

Temperature effect

blue, Muted Rose, and Avocado Green combine warm and cool colours in a lively, layered look. If you are a cool colour type, wear blue near your face – as a top, scarf or jacket; if you are a warm colour type, wear Muted Rose there. The other temperature works lower in the outfit or as shoes, a belt or a bag.

Open this combination in the color lab

Temperature effect

Is Blue warm or cool?

This exact Blue shade is classified as “Very cool”. Blue is also medium lightness with “Very vivid” vividness. Lightness and saturation help determine how calm or prominent the color feels in an outfit.

Analyze a photo

What color is your garment?

Take a photo of your garment or upload an image. micolly recognizes its color on your device, suggests matching duos and trios, and can take you directly to a product search.