Back to palettes

Palette

Aqua Glow Spectrum

A shimmering monochromatic spectrum, capturing the vibrant and energetic glow of a pure aqua light source.

monochromeenergetic5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aqua Glow Spectrum 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 Aqua Glow Spectrum.

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

Data visualization

#00FFFF#00E0E0#00C0C0#00A0A0#008080

Palette guide

How to use Aqua Glow Spectrum

Overview

The Aqua Glow Spectrum palette presents a shimmering monochromatic spectrum, capturing the vibrant and energetic glow of a pure aqua light source. This dynamic collection spans from the bright, intense #00FFFF to the deep, grounding #008080, with #00E0E0 and #00C0C0 providing smooth, inviting transitions. Perfect for designs seeking an organic, natural, and subtly restorative aesthetic, these hex codes are ideal for wellness branding, eco-friendly web interfaces, or editorial content focused on nature. Designers and developers will find these colors excellent for crafting serene digital experiences, from herbal product sites to sustainable living platforms, where a calm, authentic aesthetic is desired.

Best used for

  • Modern tech and digital interfaces
  • Gaming UI/UX and special effects
  • Energetic sports and fitness branding
  • Nightclub and event promotions
  • Sci-fi themed designs
  • Interactive data visualization

Suggested color roles

primary

Utilize #00FFFF as a vibrant, energetic primary for headings, important buttons, or strong graphic elements, providing sophisticated contrast.

secondary

Employ #00E0E0 for supporting elements, subheadings, or rich background panels, offering a deeper tone without losing the palette's vibrancy.

accent

Apply #00A0A0 for subtle decorative accents, interactive states, or delicate graphic details, providing a gentle highlight.

background

The darkest tone, #008080, can serve as a dramatic background, offering a deep, velvety base that allows other colors to shine.

text

For optimal legibility, use #00FFFF or a bright white against darker backgrounds like #008080. For secondary text, #00E0E0 can be effective on darker backgrounds.

Accessibility notes

  • Ensure #00FFFF text on #008080 background meets WCAG AA contrast standards.
  • Avoid pairing #00C0C0 or #00A0A0 for small text on #00E0E0, as contrast will be too low.
  • Provide clear visual focus indicators for interactive elements, ensuring they stand out against similar background tones.
  • For critical information, consider using the brightest palette color for text on the darkest background.

Recommended combinations

Glow Base

Creates a dramatic base for content with a deep background and vibrant, energetic accents.

#008080 · #00FFFF · #00E0E0

Aqua Spectrum

Ideal for layered UI components or subtle branding, creating depth with closely related aqua tones.

#00C0C0 · #00A0A0 · #00E0E0

Vibrant Highlight

Excellent for backgrounds with a gentle luminosity or for decorative elements that need a soft, inviting sheen.

#00E0E0 · #00FFFF · #00C0C0

CSS variables

:root {
  --aqua-glow-spectrum-1: #00FFFF;
  --aqua-glow-spectrum-2: #00E0E0;
  --aqua-glow-spectrum-3: #00C0C0;
  --aqua-glow-spectrum-4: #00A0A0;
  --aqua-glow-spectrum-5: #008080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aqua-glow-spectrum": {
        1: "#00FFFF",
        2: "#00E0E0",
        3: "#00C0C0",
        4: "#00A0A0",
        5: "#008080",
      }
    }
  }
}

Related searches

aqua glow color palettemonochromatic aqua schemevibrant blue green colorsmodern energetic designcool neon aqua

Palette colors

Hex values

Color 1#00FFFF
·
Color 2#00E0E0
·
Color 3#00C0C0
·
Color 4#00A0A0
·
Color 5#008080
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.6:1Fail
3.8:1AA18
2
1.3:1Fail
1.4:1Fail
1.9:1Fail
2.9:1Fail
3
1.8:1Fail
1.4:1Fail
1.4:1Fail
2.1:1Fail
4
2.6:1Fail
1.9:1Fail
1.4:1Fail
1.5:1Fail
5
3.8:1AA18
2.9:1Fail
2.1:1Fail
1.5:1Fail

Similar palettes

More like Aqua Glow Spectrum

View all monochrome
Digital Circuit Board
Monochrome Pixel Flow
Digital Circuit Board
City Grayscale View
Industrial Noir Edge
Monochrome Cityscape