Back to palettes

Palette

Electric Teal Rave

Energizing teals and aquas pulsate with the vibrant, electrifying atmosphere of a dance rave.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electric Teal Rave 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 Electric Teal Rave.

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

Data visualization

#008080#00FFFF#1C9D9D#2EBDBC#40DEDE

Palette guide

How to use Electric Teal Rave

Overview

The Electric Teal Rave palette captures the electrifying atmosphere of a dance rave with its energizing teals and aquas. This vibrant collection, featuring deep teal (#008080), electric cyan (#00FFFF), muted teal (#1C9D9D), bright aqua (#2EBDBC), and luminous light teal (#40DEDE), is perfect for designs that aim to convey high energy and a modern, dynamic feel. It provides a spectrum of cool, refreshing tones that can be used to create depth and movement. Designers and developers will find these hues versatile for digital interfaces, event branding, or any project requiring a striking, energetic, and contemporary aesthetic that commands attention.

Best used for

  • Dance music event branding and promotional graphics
  • Modern tech and software interfaces
  • Fitness app designs and activewear branding
  • Website backgrounds and hero sections for energetic brands
  • Digital art and abstract visualizations
  • Product packaging for youthful, dynamic products

Suggested color roles

primary

Use deep teal (#008080) for foundational elements or as a strong brand identifier, providing a sense of depth and stability.

secondary

Muted teal (#1C9D9D) or bright aqua (#2EBDBC) are excellent for supporting content, navigation, or secondary calls-to-action.

accent

Electric cyan (#00FFFF) or luminous light teal (#40DEDE) should be used sparingly for highlights, interactive elements, or to create a vibrant 'glow' effect.

background

A dark navy, charcoal, or near-black background will make the teal and aqua tones truly pop and enhance their electric quality.

text

Pair with white or a very light gray for body text to ensure maximum readability against the vibrant or darker background colors. Use electric cyan for headings against dark backgrounds.

Accessibility notes

  • Ensure sufficient contrast when using #40DEDE or #2EBDBC for text on light backgrounds.
  • Use a contrast checker to verify that #00FFFF text on a dark background meets WCAG standards.
  • Consider larger font sizes for any text set in brighter palette colors to improve legibility.
  • Prioritize darker shades like #008080 or a charcoal for body text on light backgrounds if needed.

Recommended combinations

Electric Flow

Excellent for gradients, animated transitions, or background elements that suggest fluid movement and digital energy.

#008080 · #00FFFF · #2EBDBC

Rave Glow

Use for highlights, interactive buttons, or iconography that needs to stand out with a radiant, energetic appeal.

#1C9D9D · #40DEDE · #00FFFF

Aqua Depth

Ideal for creating a sense of depth and layering in UI elements or illustrations, moving from dark to light.

#008080 · #1C9D9D · #2EBDBC

CSS variables

:root {
  --electric-teal-rave-1: #008080;
  --electric-teal-rave-2: #00FFFF;
  --electric-teal-rave-3: #1C9D9D;
  --electric-teal-rave-4: #2EBDBC;
  --electric-teal-rave-5: #40DEDE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-teal-rave": {
        1: "#008080",
        2: "#00FFFF",
        3: "#1C9D9D",
        4: "#2EBDBC",
        5: "#40DEDE",
      }
    }
  }
}

Related searches

electric teal color paletterave aesthetic colorsvibrant aqua designenergetic blue green palettemodern tech UI colors

Palette colors

Hex values

Color 1#008080
·
Color 2#00FFFF
·
Color 3#1C9D9D
·
Color 4#2EBDBC
·
Color 5#40DEDE
·

Accessibility

Contrast checker

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

Similar palettes

More like Electric Teal Rave

View all vibrant
Neon Pulse
Carnival Neon Nights
Cybernetic Spectrum Surge
Cyberpunk Pulse Wave
Deep Sea Jewel
Digital Plasma Burst