Back to palettes

Palette

Emerald City Lights

A dazzling blend of electric greens and turquoise, reminiscent of a fantastical, glittering metropolis shining brightly at night.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald City Lights 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 Emerald City Lights.

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

Data visualization

#008060#32CD32#00CED1#DAA520#1A1A1A

Palette guide

How to use Emerald City Lights

Overview

The Emerald City Lights palette (ID: emerald-city-lights-2) is a dynamic and energetic collection, evoking the dazzling glow of a fantastical metropolis at night. It combines vibrant emerald green #008060 and electric lime green #32CD32 with a striking turquoise #00CED1. A luxurious #DAA520 gold adds a touch of opulence, anchored by a deep #1A1A1A charcoal. This palette is ideal for designs that aim to be bold, modern, and captivating, perfect for digital interfaces, event branding, or any project that needs to convey excitement and a sophisticated urban fantasy feel with high contrast and vivid colors.

Best used for

  • Modern event branding and promotions
  • Gaming UI/UX and tech-focused websites
  • Nightclub or entertainment venue branding
  • Digital art with cyberpunk or futuristic themes
  • High-energy advertising campaigns
  • Youth-oriented fashion or lifestyle brands

Suggested color roles

primary

Use #008060 for dominant elements, headers, or backgrounds to establish a strong, energetic presence.

secondary

Employ #32CD32 or #00CED1 for supporting graphics, interactive elements, or subheadings to add vibrancy and depth.

accent

Apply #DAA520 for striking call-to-action buttons, key highlights, or luxurious decorative details to capture attention.

background

Utilize #1A1A1A for a dramatic, deep background that makes the vibrant greens and gold pop, or a very light grey for contrast.

text

For body text on #1A1A1A, use white or #DAA520. On lighter backgrounds, #1A1A1A or a dark charcoal provides excellent readability.

Accessibility notes

  • Ensure #008060, #32CD32, and #00CED1 text on #1A1A1A meets WCAG contrast standards.
  • Avoid using #DAA520 for small text on very light backgrounds; it's best for accents or larger display text.
  • Contrast between #32CD32 and #00CED1 might be low when used together; separate them with a neutral.
  • The combination of #DAA520 on #1A1A1A offers excellent contrast for important information.

Recommended combinations

Neon Night

Ideal for creating a striking, high-contrast look in advertising, event posters, or modern digital interfaces.

#1A1A1A · #DAA520 · #008060

Electric Glow

Perfect for energetic UI elements, interactive graphics, or futuristic illustrations that need a vibrant, luminous feel.

#32CD32 · #00CED1 · #1A1A1A

Glamorous Edge

Use for impactful branding, call-to-action sections, or decorative highlights where luxury meets modern vibrancy.

#008060 · #DAA520 · #32CD32

CSS variables

:root {
  --emerald-city-lights-2-1: #008060;
  --emerald-city-lights-2-2: #32CD32;
  --emerald-city-lights-2-3: #00CED1;
  --emerald-city-lights-2-4: #DAA520;
  --emerald-city-lights-2-5: #1A1A1A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-city-lights-2": {
        1: "#008060",
        2: "#32CD32",
        3: "#00CED1",
        4: "#DAA520",
        5: "#1A1A1A",
      }
    }
  }
}

Related searches

emerald gold black palettevibrant city lights colorselectric green turquoiseenergetic fantasy palettemodern jewel tone branding

Palette colors

Hex values

Color 1#008060
·
Color 2#32CD32
·
Color 3#00CED1
·
Color 4#DAA520
·
Color 5#1A1A1A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
2.5:1Fail
2.2:1Fail
3.5:1AA18
2
2.3:1Fail
1.1:1Fail
1.1:1Fail
8.2:1AAA
3
2.5:1Fail
1.1:1Fail
1.1:1Fail
8.9:1AAA
4
2.2:1Fail
1.1:1Fail
1.1:1Fail
7.8:1AAA
5
3.5:1AA18
8.2:1AAA
8.9:1AAA
7.8:1AAA

Similar palettes

More like Emerald City Lights

View all vibrant
Urban Jungle Bloom
Astral Nebula Bloom
Celestial Dragon Scales
City Lights Energy
Cyber Glow Graffiti
Dragon Scale Shimmer