Back to palettes

Palette

Amethyst Star Cluster

A celestial blend of deep and shimmering purples, like a distant star cluster made of amethyst.

DarkElegant5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Amethyst Star Cluster 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 Amethyst Star Cluster.

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

Data visualization

#1E0A3F#3C1E70#693CA3#9A69D0#C9A4F0

Palette guide

How to use Amethyst Star Cluster

Overview

The Amethyst Star Cluster palette is a celestial blend of deep and shimmering purples, like a distant star cluster made of amethyst. Ranging from the profound `#1E0A3F` to the luminous `#C9A4F0`, this palette offers designers and developers a sophisticated and magical set of hues. The balanced mid-tones, `#3C1E70`, `#693CA3`, and `#9A69D0`, ensure harmonious transitions, making it ideal for projects seeking to evoke mystery, elegance, and a sense of cosmic wonder. Its versatility makes it perfect for creating immersive user experiences and luxurious visual narratives.

Best used for

  • Luxury space-themed brand identity
  • Fantasy or sci-fi game UI/UX
  • High-end jewelry e-commerce sites
  • Astrology and spiritual content platforms
  • Elegant event invitations and decor
  • Digital art and illustration

Suggested color roles

primary

Use `#3C1E70` as the foundational brand color for headers, navigation, and key graphical elements to establish elegance and depth.

secondary

Apply `#693CA3` for supporting content blocks, subheadings, or secondary calls to action, maintaining visual harmony and cosmic feel.

accent

Utilize `#C9A4F0` for subtle highlights, interactive states, or delicate background patterns to add a soft, luminous, star-like touch.

background

The deepest shade, `#1E0A3F`, creates a luxurious, immersive background. The lightest, `#C9A4F0`, provides a clean, ethereal canvas for content.

text

For dark text on light backgrounds, `#1E0A3F` or a deep charcoal provides excellent readability. For light text on dark backgrounds, use white or `#C9A4F0`.

Accessibility notes

  • Ensure `#1E0A3F` provides strong contrast for text against `#C9A4F0` and other light backgrounds.
  • Verify contrast ratios for `#3C1E70` and `#693CA3` when used for text against various background colors within the palette.
  • Avoid using `#C9A4F0` for small text on very light backgrounds to prevent legibility issues.
  • Consider using bold font weights for text in mid-tone shades like `#9A69D0` on slightly darker backgrounds like `#693CA3`.

Recommended combinations

Cosmic Depths

Excellent for creating deep, mysterious backgrounds or strong brand statements in headers and footers, mimicking deep space.

#1E0A3F · #3C1E70 · #693CA3

Star Glow

Ideal for soft gradients, background textures, or delicate UI elements that evoke a luminous, ethereal glow.

#C9A4F0 · #9A69D0 · #693CA3

Amethyst Nebula

Suited for balancing strong darks with gentle lights, such as calls to action or emphasized content in a celestial theme.

#3C1E70 · #C9A4F0 · #1E0A3F

CSS variables

:root {
  --amethyst-star-cluster-1: #1E0A3F;
  --amethyst-star-cluster-2: #3C1E70;
  --amethyst-star-cluster-3: #693CA3;
  --amethyst-star-cluster-4: #9A69D0;
  --amethyst-star-cluster-5: #C9A4F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amethyst-star-cluster": {
        1: "#1E0A3F",
        2: "#3C1E70",
        3: "#693CA3",
        4: "#9A69D0",
        5: "#C9A4F0",
      }
    }
  }
}

Related searches

amethyst space palettecelestial purple designdark violet schemeluxury UI colorsmystical star cluster

Palette colors

Hex values

Color 1#1E0A3F
·
Color 2#3C1E70
·
Color 3#693CA3
·
Color 4#9A69D0
·
Color 5#C9A4F0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.4:1Fail
4.5:1AA
8.6:1AAA
2
1.4:1Fail
1.7:1Fail
3.3:1AA18
6.2:1AA
3
2.4:1Fail
1.7:1Fail
1.9:1Fail
3.6:1AA18
4
4.5:1AA
3.3:1AA18
1.9:1Fail
1.9:1Fail
5
8.6:1AAA
6.2:1AA
3.6:1AA18
1.9:1Fail

Similar palettes

More like Amethyst Star Cluster

View all Dark
Aurora Borealis Dream
Midnight Velvet Aura
Spiced Fig Dessert
Velvet Fig Harvest
Velvet Fig Pudding
Baroque Tapestry Weave