Blue Color Palettes

430 palettes

Blue hex codes the colors these palettes use most

About blue color palettes

Blue is the most-used color in branding for a reason: it feels stable and trustworthy. Find navy-and-gold, sky-and-cream and deep ocean schemes.

Blue color palettes on ColorSwoop: 430 curated schemes with hex codes, sorted by popularity. Popular picks include Deep Ocean Drift (#0B2447, #3B5C9E, #6E86D6, #A5D7E8), Tropical Punch (#FF6B6B, #FFD93D, #6BCB77, #4D96FF), Ocean Breeze (#0077B6, #00B4D8, #90E0EF, #CAF0F8). Click any color to copy its hex, or open a palette for CSS, Tailwind and contrast checks.

Each palette lists its four hex codes so you can copy a single color or export the whole scheme. Palettes are sorted by popularity; switch to “New” for the latest additions or “Random” for inspiration.

FAQ

What is the blue hex code?

The blue hex codes used most across these 430 palettes are Ocean #0077B6, Powder Blue #90E0EF, Steel Blue #168AAD, Marine #03256C, Sky Blue #4CC9F0, Baby Blue #8EC5FC. Click any swatch above to copy its code or open its color page for RGB, HSL and shades.

What are the best blue color palettes?

Popular picks include Deep Ocean Drift (#0B2447; #3B5C9E; #6E86D6; #A5D7E8); Tropical Punch (#FF6B6B; #FFD93D; #6BCB77; #4D96FF); Ocean Breeze (#0077B6; #00B4D8; #90E0EF; #CAF0F8). All 430 blue palettes are free to copy and use.

How do I use a blue palette on a website?

Pick one light color for backgrounds, one dark color for text, and use the remaining colors for accents and buttons. Open any palette on ColorSwoop to export it as CSS variables or a Tailwind config and check contrast with the built-in preview.

Related collections