ColorSwatches.org

Pacific Blue

Deep Pacific navy, brilliant ocean blue, sky blue, pale horizon
Deep Pacific
#0A2040
rgb(10, 32, 64)
Abyss blue — the deepest water, no sunlight
Ocean Navy
#1A4A7A
rgb(26, 74, 122)
Open ocean at depth, saturated and confident
Pacific Blue
#2878B8
rgb(40, 120, 184)
The vivid blue of a sunlit Pacific surface
Sky Blue
#60A8D4
rgb(96, 168, 212)
Clear mid-afternoon sky over open water
Pale Horizon
#B0CDE6
rgb(176, 205, 230)
Where sky meets sea at the far edge
Foam White
#E0EEF8
rgb(224, 238, 248)
Breaking wave foam — near-white with a blue cast

Pacific Blue is the palette of the open ocean on a clear day — the unbroken blue that extends from the abyssal deep to the pale luminous line where sky meets sea. The range moves from Deep Pacific, a near-black navy that carries real depth and weight, through successive steps of saturated blue into the light-filled haze of Foam White at the surface. Every tone is grounded by the ocean as its source.

This is a working palette for designers who need blue to do real things. Deep Pacific anchors dark headers, footers, and UI chrome. Ocean Navy works as primary brand color with enough saturation to hold its own on white. Pacific Blue is the midtone that functions as a button or link color without the harshness of pure primary blue. The two lighter steps — Pale Horizon and Foam White — provide air and breathing room for layouts that need a blue-tinted near-neutral background.

Blue at this saturation and depth reads as authoritative and trustworthy. Pacific Blue avoids both the aggressive brightness of electric blue and the coldness of a gray-tinted steel. It lands in the range that communicates confidence, clarity, and reliability — qualities that make it a consistent choice for financial services, technology brands, maritime businesses, and any organization that wants to signal dependability without feeling stiff.

The six-step range is particularly useful for building out a complete design system. Start with Deep Pacific for text and borders, step up to Ocean Navy and Pacific Blue for primary actions, use Sky Blue for hover states and secondary elements, and reserve Pale Horizon and Foam White for backgrounds and cards. The progression is smooth enough that all six tones can coexist in a single interface without visual conflict.

More Blue Color Palettes Palettes

View all Blue Color Palettes palettes →