Back to palettes

Palette

Galactic Azure Stream

A breathtaking flow of deep and bright blues, inspired by the swirling, distant streams of cosmic azure.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Azure Stream reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Galactic Azure Stream.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#00008B#4169E1#6A5ACD#87CEFA#ADD8E6

Palette guide

How to use Galactic Azure Stream

Overview

The Galactic Azure Stream palette offers a breathtaking flow of deep and bright blues, inspired by swirling cosmic azure. This elegant and versatile palette, featuring deep blue #00008B, vibrant royal blue #4169E1, sophisticated slate blue #6A5ACD, ethereal sky blue #87CEFA, and serene light blue #ADD8E6, is invaluable for designers seeking to evoke trustworthiness, professionalism, and calmness. Developers will find these harmonious shades perfect for creating clean, intuitive user interfaces, corporate websites, or serene digital experiences that convey stability and clarity. Its cohesive range allows for sophisticated layering and visual depth.

Best used for

  • Professional corporate branding
  • Tech company websites and applications
  • Travel and tourism digital platforms
  • Serene wellness and meditation apps
  • Clean and intuitive user interfaces
  • Educational and scientific content

Suggested color roles

primary

#00008B provides a strong, stable foundation, ideal for main navigation or footers.

secondary

#4169E1 offers a vibrant, trustworthy blue, perfect for primary buttons or headings.

accent

#87CEFA delivers a light, airy highlight, suitable for interactive elements or subtle background details.

background

#00008B for an elegant dark mode, or #ADD8E6 for a clean, light-themed interface.

text

White on dark backgrounds for readability, and a dark charcoal or #00008B on light backgrounds.

Accessibility notes

  • Ensure white text has sufficient contrast on #00008B and #4169E1 backgrounds.
  • The lighter blues, #87CEFA and #ADD8E6, require dark text for optimal readability.
  • Be cautious when using light text on #6A5ACD; ensure it meets contrast standards, especially for small fonts.
  • Check contrast for all interactive elements to ensure clear distinction for users.

Recommended combinations

Deep & Clear UI

Ideal for corporate websites or professional application interfaces, offering clarity and depth.

#00008B · #4169E1 · #ADD8E6

Soft Transition

Excellent for subtle gradient backgrounds, data visualizations, or serene illustrations.

#6A5ACD · #87CEFA · #ADD8E6

Professional Accent

Perfect for highlighting key information, call-to-action buttons, or brand recognition.

#00008B · #87CEFA · #4169E1

CSS variables

:root {
  --galactic-azure-stream-1: #00008B;
  --galactic-azure-stream-2: #4169E1;
  --galactic-azure-stream-3: #6A5ACD;
  --galactic-azure-stream-4: #87CEFA;
  --galactic-azure-stream-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-azure-stream": {
        1: "#00008B",
        2: "#4169E1",
        3: "#6A5ACD",
        4: "#87CEFA",
        5: "#ADD8E6",
      }
    }
  }
}

Related searches

serene blue palettecosmic azure colorsprofessional blue schemelight dark bluedreamy ui colors

Palette colors

Hex values

Color 1#00008B
·
Color 2#4169E1
·
Color 3#6A5ACD
·
Color 4#87CEFA
·
Color 5#ADD8E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.2:1AA18
2.9:1Fail
8.9:1AAA
10:1AAA
2
3.2:1AA18
1.1:1Fail
2.8:1Fail
3.2:1AA18
3
2.9:1Fail
1.1:1Fail
3.1:1AA18
3.5:1AA18
4
8.9:1AAA
2.8:1Fail
3.1:1AA18
1.1:1Fail
5
10:1AAA
3.2:1AA18
3.5:1AA18
1.1:1Fail

Similar palettes

More like Galactic Azure Stream

View all cool
Celestial Comet Dust
Celestial Dust Stream
Celestial Nebula Glow
Astral Glow Nebula
Azura Wood Nymph
Celestial Dawn Hues