Palette

Stellar Veil Glimmer

Deep cosmic blues transition to lighter, ethereal shades, like shimmering stardust.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2C2D42#484B6A#757AB9#A6A9D9#D2D5E0

Palette guide

How to use Stellar Veil Glimmer

Overview

The Stellar Veil Glimmer palette offers a sophisticated transition from deep cosmic blues to lighter, ethereal shades, evoking the subtle shimmer of stardust. From the grounding #2C2D42 and #484B6A, it gracefully moves through the elegant #757AB9 and #A6A9D9, culminating in the delicate #D2D5E0. This palette is a superb choice for designers and developers aiming for an elegant, subtle, and highly cohesive aesthetic. Its range of cool tones creates a serene yet refined atmosphere, ideal for projects that require a touch of modern sophistication and a calming visual experience across various digital applications.

Best used for

Elegant tech brand websites
Sophisticated web design
Educational content platforms
Minimalist user interfaces
Subtle corporate branding
Wellness and meditation apps

Suggested color roles

primary

Utilize #2C2D42 as the foundational background color for main sections, providing a deep, stable base.

secondary

Employ #484B6A for secondary panels, cards, or subtle section dividers, maintaining a sense of depth.

accent

Apply #D2D5E0 as a delicate accent for interactive elements, highlights, or subtle iconography, ensuring gentle visibility.

background

The deep #2C2D42 serves as an excellent, sophisticated background that allows the lighter shades to shimmer.

text

For primary text on dark backgrounds, use #D2D5E0 or white for excellent readability. For secondary text, #A6A9D9 works well.

Accessibility notes

Ensure sufficient contrast for text, especially when using #757AB9 on #484B6A, which may require larger font sizes.
Verify that interactive elements using #D2D5E0 have clear focus states against adjacent colors.
Avoid using #2C2D42 and #484B6A for small, critical text elements due to their low contrast.
Always test text legibility across the entire gradient to ensure consistent readability.

Recommended combinations

Cosmic Depth

Ideal for main content areas, providing a deep base with elegant, readable text and soft highlights.

#2C2D42 · #484B6A · #D2D5E0

Stardust Flow

Excellent for creating subtle gradients, hierarchical content, or visual transitions across sections.

#484B6A · #757AB9 · #A6A9D9

Ethereal Glimmer

Great for prominent headings, key information, or interactive components that need a gentle stand-out effect.

#2C2D42 · #A6A9D9 · #D2D5E0

CSS variables

:root {
  --stellar-veil-glimmer-1: #2C2D42;
  --stellar-veil-glimmer-2: #484B6A;
  --stellar-veil-glimmer-3: #757AB9;
  --stellar-veil-glimmer-4: #A6A9D9;
  --stellar-veil-glimmer-5: #D2D5E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stellar-veil-glimmer": {
        1: "#2C2D42",
        2: "#484B6A",
        3: "#757AB9",
        4: "#A6A9D9",
        5: "#D2D5E0",
      }
    }
  }
}

Hex values

Color 1#2C2D42

Color 2#484B6A

Color 3#757AB9

Color 4#A6A9D9

Color 5#D2D5E0

Accessibility

Contrast checker

1.6:1Fail

3.4:1AA18

6:1AA

9.2:1AAA

1.6:1Fail

2.1:1Fail

3.7:1AA18

5.8:1AA

3.4:1AA18

2.1:1Fail

1.8:1Fail

2.7:1Fail

6:1AA

3.7:1AA18

1.8:1Fail

1.5:1Fail

9.2:1AAA

5.8:1AA

2.7:1Fail

1.5:1Fail

Similar palettes

More like Stellar Veil Glimmer

View all cool

Enchanted Ocean Shimmer

Astral Quartz Shimmer

Celestial Comet Dust

Celestial Ice Sparkle

Celestial Ocean Depth

Celestial Shimmer