Back to palettes

Palette

Galactic Reef Bloom

A fantastical fusion of cosmic colors and the vibrant life found in an alien reef, brimming with energy.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Galactic Reef Bloom 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 Galactic Reef Bloom.

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

Data visualization

#0F0A3D#3D0F4B#6F0F7A#BB3DF5#00E3CC

Palette guide

How to use Galactic Reef Bloom

Overview

The Galactic Reef Bloom palette fuses deep space purples with an electrifying teal, creating a vibrant and futuristic aesthetic. With a profound deep indigo #0F0A3D, a rich dark purple #3D0F4B, a vivid violet #6F0F7A, a bright fuchsia #BB3DF5, and an electric teal #00E3CC, this palette is bursting with energy. It's perfect for designers and developers looking to craft dynamic interfaces, fantastical worlds, or high-impact branding. The strong contrast between the deep purples and the luminous teal makes this palette ideal for projects that demand attention and convey a sense of glowing, otherworldly vitality.

Best used for

  • Gaming interfaces and futuristic tech branding
  • Fantasy digital art and illustrations
  • Vibrant app themes and mobile UIs
  • Rave or festival promotion materials
  • Science fiction book covers and media
  • Digital product showcases needing a dynamic, bold look

Suggested color roles

primary

Utilize #0F0A3D for the main background or foundational elements, establishing a deep, immersive canvas.

secondary

Apply #3D0F4B or #6F0F7A for content sections, navigation, or supporting visual components to add depth.

accent

Employ #00E3CC as a powerful accent for calls to action, interactive elements, or glowing highlights to command attention.

background

Use #0F0A3D for a deep, rich background that allows the brighter purples and teal to truly pop.

text

Pair a crisp white or #00E3CC for primary text, especially headings, to ensure maximum readability and impact on dark backgrounds.

Accessibility notes

  • Ensure #00E3CC and white text have excellent contrast on #0F0A3D or #3D0F4B backgrounds (WCAG AA standard).
  • Be cautious when using #BB3DF5 on #6F0F7A for small text, as contrast may be borderline; consider larger font sizes.
  • Reserve #BB3DF5 for larger headings or decorative elements when placed on mid-range purples.
  • Verify contrast ratios for all text and interactive elements, especially between adjacent purple shades.

Recommended combinations

Deep Bloom

Ideal for main layouts, providing a deep base, a rich supporting purple, and a striking teal accent for key elements.

#0F0A3D · #3D0F4B · #00E3CC

Reef Glow

Excellent for creating dynamic gradients, layered visual effects, or vibrant sections within an interface.

#3D0F4B · #6F0F7A · #BB3DF5

Electric Contrast

Perfect for high-impact graphics, animated elements, or bold calls to action that demand immediate focus.

#0F0A3D · #BB3DF5 · #00E3CC

CSS variables

:root {
  --galactic-reef-bloom-1: #0F0A3D;
  --galactic-reef-bloom-2: #3D0F4B;
  --galactic-reef-bloom-3: #6F0F7A;
  --galactic-reef-bloom-4: #BB3DF5;
  --galactic-reef-bloom-5: #00E3CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "galactic-reef-bloom": {
        1: "#0F0A3D",
        2: "#3D0F4B",
        3: "#6F0F7A",
        4: "#BB3DF5",
        5: "#00E3CC",
      }
    }
  }
}

Related searches

futuristic color paletteneon space themevibrant alien reef colorsgaming UI palettedeep purple teal scheme

Palette colors

Hex values

Color 1#0F0A3D
·
Color 2#3D0F4B
·
Color 3#6F0F7A
·
Color 4#BB3DF5
·
Color 5#00E3CC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.8:1Fail
4.5:1AA
11.4:1AAA
2
1.2:1Fail
1.5:1Fail
3.7:1AA18
9.4:1AAA
3
1.8:1Fail
1.5:1Fail
2.5:1Fail
6.3:1AA
4
4.5:1AA
3.7:1AA18
2.5:1Fail
2.5:1Fail
5
11.4:1AAA
9.4:1AAA
6.3:1AA
2.5:1Fail

Similar palettes

More like Galactic Reef Bloom

View all vibrant