Appearance
Blue and Yellow Color Palette
Explore expertly curated blue and yellow color palettes featuring 33 distinct combinations, including Blue and Yellow, Light Blue and Yellow, Dark Blue and Yellow, Blue and Light Yellow, Blue and Dark Yellow, and Blue and Golden Yellow. These vibrant color schemes are perfect for vibrant designs, sports themes, high-visibility branding, and cheerful visual aesthetics.

Blue and Yellow Color Combinations
Discover harmonious color combinations using blue and yellow. These vibrant color schemes are perfect for vibrant designs, sports themes, high-visibility branding, and cheerful visual aesthetics.
Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Light Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Dark Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Bright Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Sky Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Navy Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Royal Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Steel Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Teal Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Denim Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Azure Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Cobalt Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Slate Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Powder Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Cornflower Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Dodger Blue and Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Light Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Dark Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Golden Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Lemon Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Mustard Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Amber Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Canary Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Sunshine Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Banana Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Corn Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Gold
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Honey Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Dandelion Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Bumblebee Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and School Bus Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Taxi Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2
Blue and Safety Yellow
Diverging
0 colors
Color1 → Neutral → Color2 gradient
Dual Gradient
0 colors
Direct gradient from Color1 to Color2
Split Complementary
0 colors
Primary + Split complements of complementary
Tetradic
0 colors
Two pairs of complementary colors
Square
0 colors
Four colors evenly spaced (90° apart)
Analogous
0 colors
Colors adjacent between Color1 and Color2