Back to palettes

Palette

Cosmic Gem Nebula

A celestial tapestry of dazzling, jewel-toned gases and dust clouds swirling in the cosmic expanse.

Vibrantenergetic5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Gem Nebula 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 Cosmic Gem Nebula.

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

Data visualization

#483D8B#008080#DC143C#8A2BE2#C0C0C0

Palette guide

How to use Cosmic Gem Nebula

Overview

The Cosmic Gem Nebula palette offers a celestial tapestry of dazzling, jewel-toned gases and dust clouds swirling in the cosmic expanse. Featuring vibrant hues like #483D8B, #008080, #DC143C, #8A2BE2, and #C0C0C0, this collection is perfect for designers creating energetic, bold, and visually stunning digital experiences. It's particularly suitable for vibrant branding, dynamic game interfaces, or applications that seek to convey excitement and wonder. Developers can integrate these striking hex codes to build visually captivating applications and websites, ensuring a consistent and enchanting user experience across various digital platforms.

Best used for

  • Vibrant event branding
  • Fantasy game UI/UX
  • Jewel-toned digital art
  • Bold website headers
  • Creative art portfolios
  • Luxury product showcases

Suggested color roles

primary

#483D8B - A strong, deep purple that serves as an excellent base for large sections or main content areas.

secondary

#008080 - A vibrant teal, providing a striking contrast for supporting elements, secondary buttons, or data visualization.

accent

#DC143C - A powerful red, ideal for drawing attention to critical calls to action, urgent highlights, or interactive states.

background

#483D8B - The deepest, most foundational color, perfect for immersive dark backgrounds that allow vibrant elements to pop.

text

#C0C0C0 or white - Provides excellent readability on darker shades and complements the jewel-toned aesthetic.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing #008080 or #8A2BE2 with #483D8B.
  • Always use #C0C0C0 or white for body text on #483D8B and #008080 to meet WCAG AA standards.
  • Be cautious with contrast when layering #DC143C over #8A2BE2 for crucial UI elements, as red on purple can be challenging.
  • Test interactive elements for adequate contrast, particularly the vibrant accents against darker backgrounds.

Recommended combinations

Cosmic Contrast

Creates a dynamic and high-impact combination, ideal for bold headers or attention-grabbing calls to action.

#483D8B · #008080 · #DC143C

Gemstone Sparkle

Perfect for highlighting key features or interactive elements, providing a shimmering, jewel-like luminescence.

#008080 · #8A2BE2 · #C0C0C0

Nebula Depth

Excellent for establishing clear visual hierarchy, separating content blocks with a deep base, vibrant accent, and light text.

#483D8B · #DC143C · #C0C0C0

CSS variables

:root {
  --cosmic-gem-nebula-1: #483D8B;
  --cosmic-gem-nebula-2: #008080;
  --cosmic-gem-nebula-3: #DC143C;
  --cosmic-gem-nebula-4: #8A2BE2;
  --cosmic-gem-nebula-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-gem-nebula": {
        1: "#483D8B",
        2: "#008080",
        3: "#DC143C",
        4: "#8A2BE2",
        5: "#C0C0C0",
      }
    }
  }
}

Related searches

vibrant space color palettejewel tone UI colorsmystical galaxy designenergetic cosmic themebold purple teal red

Palette colors

Hex values

Color 1#483D8B
·
Color 2#008080
·
Color 3#DC143C
·
Color 4#8A2BE2
·
Color 5#C0C0C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.8:1Fail
1.5:1Fail
5:1AA
2
1.9:1Fail
1:1Fail
1.2:1Fail
2.6:1Fail
3
1.8:1Fail
1:1Fail
1.2:1Fail
2.7:1Fail
4
1.5:1Fail
1.2:1Fail
1.2:1Fail
3.3:1AA18
5
5:1AA
2.6:1Fail
2.7:1Fail
3.3:1AA18

Similar palettes

More like Cosmic Gem Nebula

View all Vibrant
Cosmic Aurora Glow
Coral Reef Kaleidoscope
Crimson Ridge Sunset
Electric Cyber Wave
Enchanted Forest Bloom
Exotic Isle Refresh