Back to palettes

Palette

Starlight Amulet Glimmer

Deep indigos and enchanting purples shimmer, reflecting the magical glint of an ancient amulet under starlight.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Starlight Amulet 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 Starlight Amulet Glimmer.

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

Data visualization

#2C1A4A#4A2E7A#7A4EB2#B38EDD#E0CCF7

Palette guide

How to use Starlight Amulet Glimmer

Overview

The Starlight Amulet Glimmer palette weaves a magical tapestry of deep indigos and enchanting purples, reflecting the mystical glint of an ancient amulet under starlight. From the profound #2C1A4A to the ethereal #E0CCF7, this collection provides a sophisticated range for designers and developers. Its luxurious tones, including #7A4EB2, are ideal for crafting elegant digital experiences, magical branding, or high-end product presentations. The harmonious progression from dark to light ensures versatility, making it perfect for projects that aim to evoke celestial wonder, elegance, and a touch of enigmatic charm across web, app, or print design.

Best used for

  • Jewelry brand websites
  • Fantasy game aesthetics
  • Luxury event invitations
  • Mystical themed apps
  • Elegant spiritual branding
  • High-end fashion accessories

Suggested color roles

primary

#2C1A4A serves as the deepest, most grounding indigo, perfect for dark mode backgrounds or primary branding.

secondary

#4A2E7A offers a rich supporting purple, adding depth and sophistication to larger sections.

accent

#B38EDD provides a soft, shimmering highlight, ideal for subtle accents, icons, or secondary information.

background

#E0CCF7 is the lightest shade, providing an ethereal base for content, or #2C1A4A for dark themes.

text

For text on light backgrounds, use #2C1A4A or a dark charcoal. For text on dark backgrounds, use white or #E0CCF7.

Accessibility notes

  • Avoid using #B38EDD as text on #E0CCF7 due to insufficient contrast; use for larger graphical elements.
  • Ensure sufficient contrast for body text by pairing #2C1A4A or #4A2E7A with the lightest background, #E0CCF7.
  • Interactive elements should have clearly visible states, especially when using lighter shades together.
  • The contrast between #4A2E7A and #7A4EB2 might be too low for small text; use these for larger design elements.

Recommended combinations

Elegant Contrast

Creates sophisticated layouts with strong readability and a balanced, elegant accent.

#2C1A4A · #E0CCF7 · #7A4EB2

Magical Gradient

Ideal for subtle background effects, delicate UI elements, or adding visual depth in a calming manner.

#4A2E7A · #7A4EB2 · #B38EDD

Shimmering Highlight

Use for feature sections, call-to-action buttons, or to draw attention to key elements with an ethereal glow.

#2C1A4A · #B38EDD · #E0CCF7

CSS variables

:root {
  --starlight-amulet-glimmer-1: #2C1A4A;
  --starlight-amulet-glimmer-2: #4A2E7A;
  --starlight-amulet-glimmer-3: #7A4EB2;
  --starlight-amulet-glimmer-4: #B38EDD;
  --starlight-amulet-glimmer-5: #E0CCF7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "starlight-amulet-glimmer": {
        1: "#2C1A4A",
        2: "#4A2E7A",
        3: "#7A4EB2",
        4: "#B38EDD",
        5: "#E0CCF7",
      }
    }
  }
}

Related searches

magical purple color paletteelegant celestial designluxury indigo violet schememystical amulet colorsstarlight branding UI

Palette colors

Hex values

Color 1#2C1A4A
·
Color 2#4A2E7A
·
Color 3#7A4EB2
·
Color 4#B38EDD
·
Color 5#E0CCF7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.6:1Fail
5.8:1AA
10.5:1AAA
2
1.5:1Fail
1.8:1Fail
4:1AA18
7.2:1AAA
3
2.6:1Fail
1.8:1Fail
2.2:1Fail
4:1AA18
4
5.8:1AA
4:1AA18
2.2:1Fail
1.8:1Fail
5
10.5:1AAA
7.2:1AAA
4:1AA18
1.8:1Fail

Similar palettes

More like Starlight Amulet Glimmer

View all dark