Blue Color Palettes: 248 Palettes With Hex Codes

Blue, a reference blueBlue

#1F4FBF

285 blues in the library

Pick any swatch to see its codes, its contrast and the palette it comes from.

01Put it to work

Can you read text on it?

White text looks like thisVery easy to read

Fine for any text, even small print. Contrast 7.2 to 1

Black text looks like thisHard to read

Avoid for text. Use it for shapes and backgrounds instead. Contrast 2.7 to 1

White text reads better here. The contrast number compares how light the text is with how light the colour behind it is. It runs from 1, where the text disappears, to 21, black on white. The web accessibility standard asks for at least 4.5 for normal text and 3 for big headlines.

Pick a swatch above to see it in its own palette, next to the colours it was chosen to sit with.

02Tints and shades

A ramp from 50 to 950 around #1F4FBF, in equal perceptual steps, for backgrounds, borders and hover states. Click a step to copy it.

03248 palettes with blue

04The styles that use it

Web 2.0 Gloss10 Blueprint8 Frutiger Aero8 Y2K7 Glass Block7 Cyanotype Photography7 Glassmorphism6 Cyber Minimalism6 Tech Spec6 Mediterranean Architecture6 Web 1.05 Memphis5 Architectural Futurism5 International Style5 Neo-Futurism5 Parametric Architecture5 Impressionism4 Surrealism4 Pottery / Ceramics4 Vector Minimalism4 Solarpunk4 Retrofuturism4 Dreamcore4 De Stijl4 Hand-drawn Doodles4 Neoclassical4 Googie4 Painting3 Music3 Architecture3 Pop Art3 Editorial Photography3 Italo Disco3 80s Editorial3 Bubbleglam3 Neumorphism3 Cyberpunk3 Surveillance3 Grainy Gradient Blur3 Kidcore3

And 107 more, in the palettes above.

05Questions

How many blue colour palettes are there?

The Omoro library has 248 palettes with at least one blue, across 285 distinct blue swatches, each with its hex code.

What colours go with blue?

In the library's palettes, blue most often sits beside yellow, red and green, with black and white as the neutrals.

Which design styles use blue?

Web 2.0 Gloss, Blueprint and Frutiger Aero use it most. 147 styles use it in all.

Goes withYellow 43%Red 36%Green 28%Pink 21%Orange 17%Purple 17%

06Shades of blue

Navy Blue Cobalt Blue Baby Blue Electric Blue

Every colour familyAll colors and shades →

Red Orange Yellow Green Teal Blue Purple Pink Brown Beige Black Grey White

All palettes →Browse the styles →