Deep Ocean
Dark navy stepping down to a pale blue wash.
Blue Color Palettes with HEX Codes
Blue palettes combine several blues (or a blue with one contrasting accent) into five ready-to-use colors. Every swatch below lists its HEX code and links to its own color page.
8 palettes
Royal and Gold
Saturated blues with a golden accent on a warm white.
Clear Sky
Bright daytime blues ending in white.
Slate and Steel
Muted blue-grays suited to dashboards.
Blue and Orange
A complementary pairing: cool blues against warm orange.
Blue Hour
Blue shifting toward violet.
Teal Shore
Blue-green tones with a soft neutral.
Denim and Leather
Faded blues with earthy browns.
Tips for using these palettes
- Use the darkest blue for text and headers, the middle blues for buttons and links, and the lightest blue for backgrounds.
- Add one warm accent such as orange or gold when a blue-only design feels flat.
- Check text and background pairs with the contrast checker before publishing.
Check every text and background pair with the contrast checker before you publish.