Palette

Cosmic Core Burst

An intense blend of deep purples and electric yellows, capturing the powerful, radiating energy of a galaxy's core.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Core Burst 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 Core Burst.

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

Data visualization

#2B0A3D#5E1A8B#AA3EE8#FFE03D#FF6A00

Palette guide

How to use Cosmic Core Burst

Overview

The Cosmic Core Burst palette delivers an intense and vibrant blend of deep purples and electric yellows, capturing the powerful, radiating energy of a galaxy's core. Featuring the profound #2B0A3D, the striking #AA3EE8, and the energetic #FFE03D, this collection offers designers a dynamic and bold choice. The high contrast between the dark purples and bright yellows creates immediate visual impact, perfect for high-energy branding. Developers can leverage these hex codes to craft exhilarating digital experiences, from impactful landing pages to dynamic game interfaces, ensuring a memorable and visually stimulating user journey that conveys power and excitement across all platforms.

Best used for

High-energy event branding and promotions
Gaming website or application UI/UX
Vibrant digital marketing campaigns
Creative portfolio websites for bold artists
Product packaging for energetic beverages or tech gadgets
Motion graphics and animation with dynamic themes

Suggested color roles

primary

Designate #2B0A3D as a powerful primary, ideal for deep backgrounds, main headers, or foundational brand elements.

secondary

Utilize #5E1A8B as a rich secondary, excellent for subheadings, navigation, or larger UI components to add depth.

accent

Apply #FFE03D as an electric accent, perfect for calls-to-action, interactive elements, or highlights that demand attention.

background

The deep #2B0A3D provides an immersive dark canvas. Use #FFE03D as a vibrant background for sections needing high energy.

text

White or a very light gray provides excellent contrast on #2B0A3D, #5E1A8B, and #AA3EE8. Use #2B0A3D for text on #FFE03D.

Accessibility notes

Ensure white text on #2B0A3D, #5E1A8B, and #AA3EE8 meets WCAG AA contrast standards.
The combination of #FFE03D and #FF6A00 might have insufficient contrast for text; use for large graphics or accents.
For critical calls-to-action, #FFE03D on #2B0A3D offers excellent visibility and impact.
Avoid using #FF6A00 for small text on #FFE03D; consider a darker palette color or black for readability.

Recommended combinations

Galactic Core

Combine the deep background with a vibrant purple and electric yellow for a powerful, eye-catching hero section or logo.

#2B0A3D · #AA3EE8 · #FFE03D

Energy Burst

Use #5E1A8B as a base, with #FFE03D for key information and #FF6A00 for a fiery accent in infographics or alerts.

#5E1A8B · #FFE03D · #FF6A00

Dynamic Contrast

Use #FFE03D as a bright background, #2B0A3D for primary text, and #AA3EE8 for secondary information or interactive elements.

#FFE03D · #2B0A3D · #AA3EE8

CSS variables

:root {
  --cosmic-core-burst-1: #2B0A3D;
  --cosmic-core-burst-2: #5E1A8B;
  --cosmic-core-burst-3: #AA3EE8;
  --cosmic-core-burst-4: #FFE03D;
  --cosmic-core-burst-5: #FF6A00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-core-burst": {
        1: "#2B0A3D",
        2: "#5E1A8B",
        3: "#AA3EE8",
        4: "#FFE03D",
        5: "#FF6A00",
      }
    }
  }
}

Hex values

Color 1#2B0A3D

Color 2#5E1A8B

Color 3#AA3EE8

Color 4#FFE03D

Color 5#FF6A00

Accessibility

Contrast checker

1.6:1Fail

3.8:1AA18

13.2:1AAA

6:1AA

1.6:1Fail

2.3:1Fail

8:1AAA

3.7:1AA18

3.8:1AA18

2.3:1Fail

3.5:1AA18

1.6:1Fail

13.2:1AAA

8:1AAA

3.5:1AA18

2.2:1Fail

6:1AA

3.7:1AA18

1.6:1Fail

2.2:1Fail

Similar palettes

More like Cosmic Core Burst

Cosmic Core Burst

See it in context.

Ready when you are.

Built with Cosmic Core Burst.

How to use Cosmic Core Burst

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Galactic Core

Energy Burst

Dynamic Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Cosmic Core Burst