Back to palettes

Palette

Stellar Cloudscape

A majestic range of deep to light blues, capturing the vast, swirling beauty of distant stellar clouds.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stellar Cloudscape 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 Stellar Cloudscape.

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

Data visualization

#1C2A3D#3E5A7B#6A8CA6#9BBACC#D2E0E8

Palette guide

How to use Stellar Cloudscape

Overview

The Stellar Cloudscape palette offers a majestic range of deep to light blues, perfectly capturing the vast, swirling beauty of distant stellar clouds. Featuring a profound dark blue #1C2A3D and a serene, almost white #D2E0E8, this collection provides a sophisticated and calming foundation. Mid-tones like #3E5A7B and #6A8CA6 offer excellent depth and versatility. Designers can leverage these hex codes for creating tranquil user interfaces, ethereal branding, or projects that require a sense of calm and expansive wonder. Developers will find this palette ideal for building soothing web applications, meditation apps, or corporate sites that aim to convey reliability, innovation, and a serene, professional aesthetic.

Best used for

  • Wellness and meditation apps
  • Space exploration websites
  • Corporate branding with a calm tone
  • Luxury resort marketing
  • Scientific data visualization
  • E-commerce for high-end products

Suggested color roles

primary

#1C2A3D - A deep, grounding navy, ideal for primary backgrounds, headers, or bold, authoritative elements.

secondary

#3E5A7B - A rich, balanced blue, suitable for secondary content areas, cards, or prominent UI components.

accent

#6A8CA6 - A serene, medium blue that can highlight specific elements, interactive components, or subtle gradients.

background

#D2E0E8 - A very light, airy blue-gray, providing a clean and expansive canvas for content.

text

#1C2A3D - Excellent for primary text on light backgrounds, ensuring strong readability and a cohesive, calming look.

Accessibility notes

  • Ensure text in #1C2A3D on #D2E0E8 provides strong contrast and meets WCAG AA standards.
  • Avoid using #9BBACC or #6A8CA6 for small text on #D2E0E8 as contrast will likely be insufficient.
  • For interactive elements, ensure clear visual feedback for hover, focus, and active states.
  • Use a contrast checker tool to verify all text and interactive element color combinations.

Recommended combinations

Deep Space Base

Creates a profound dark base, a light, ethereal background, and a rich mid-blue for key information or dividers.

#1C2A3D · #D2E0E8 · #3E5A7B

Nebula Gradient

Forms a smooth, atmospheric gradient for backgrounds, large graphics, or subtle UI transitions, evoking distant stellar clouds.

#3E5A7B · #6A8CA6 · #9BBACC

Serene Interface

Ideal for minimalist layouts, using the lightest shade as background, a lighter mid-tone for cards, and the darkest for impactful text.

#D2E0E8 · #9BBACC · #1C2A3D

CSS variables

:root {
  --stellar-cloudscape-1: #1C2A3D;
  --stellar-cloudscape-2: #3E5A7B;
  --stellar-cloudscape-3: #6A8CA6;
  --stellar-cloudscape-4: #9BBACC;
  --stellar-cloudscape-5: #D2E0E8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stellar-cloudscape": {
        1: "#1C2A3D",
        2: "#3E5A7B",
        3: "#6A8CA6",
        4: "#9BBACC",
        5: "#D2E0E8",
      }
    }
  }
}

Related searches

calm blue color palettedeep space blue hex codesserene cosmic colorsethereal blue gray schememodern blue UI colors

Palette colors

Hex values

Color 1#1C2A3D
·
Color 2#3E5A7B
·
Color 3#6A8CA6
·
Color 4#9BBACC
·
Color 5#D2E0E8
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4.1:1AA18
7.1:1AAA
10.8:1AAA
2
2:1Fail
2:1Fail
3.5:1AA18
5.3:1AA
3
4.1:1AA18
2:1Fail
1.7:1Fail
2.6:1Fail
4
7.1:1AAA
3.5:1AA18
1.7:1Fail
1.5:1Fail
5
10.8:1AAA
5.3:1AA
2.6:1Fail
1.5:1Fail

Similar palettes

More like Stellar Cloudscape

View all cool
Celestial Aurora Whisper
Celestial Aurora Dream
Celestial Oasis Dream
Celestial Ocean Dream
Celestial Ocean Gaze
Celestial Shimmer