Back to palettes

Palette

Emerald City Gleam

Inspired by the iconic, shimmering grandeur of the Emerald City, radiating opulence and vibrant greens.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#50C878#FFD700#000000#F8F8F8#3CB371

Palette guide

How to use Emerald City Gleam

Overview

The Emerald City Gleam palette (ID: emerald-city-gleam-2) is a vibrant and luxurious collection, perfectly capturing the iconic shimmer of a fantastical metropolis. It features the brilliant emerald green of #50C878 and the slightly deeper #3CB371, complemented by a dazzling #FFD700 gold. The foundation is built upon a stark #000000 black and a clean #F8F8F8 near-white. This high-contrast palette is exceptional for projects demanding immediate attention and a sense of opulence, making it suitable for bold branding, striking digital interfaces, and any design that aims to convey grandeur and excitement with clear visibility.

Best used for

  • Luxury branding and high-impact advertising
  • Event posters and promotional materials
  • Gaming UI/UX and fantasy-themed websites
  • Fashion and jewelry brand identities
  • Digital art with a focus on vibrancy and contrast
  • Award ceremonies and celebratory designs

Suggested color roles

primary

Use #50C878 for main brand elements, key graphics, or as a dominant color to convey vibrancy and energy.

secondary

Apply #3CB371 for supporting elements, subheadings, or to add depth to green areas, maintaining cohesion.

accent

Employ #FFD700 for striking call-to-action buttons, important highlights, or luxurious decorative details to capture attention.

background

Utilize #F8F8F8 for clean, bright backgrounds, or #000000 for dramatic, high-contrast layouts.

text

Use #000000 for text on #F8F8F8. For text on darker backgrounds, use #F8F8F8, #50C878, or #FFD700 for maximum impact and readability.

Accessibility notes

  • Text in #000000 on #F8F8F8 provides excellent contrast; use for body text.
  • Ensure #50C878 or #3CB371 text on #000000 has sufficient contrast; check WCAG guidelines.
  • Avoid using #FFD700 for small text on light backgrounds due to potential low contrast.
  • The combination of #FFD700 and #000000 offers very strong contrast, ideal for accents and important information.

Recommended combinations

Bold Grandeur

Perfect for high-impact advertising, luxury product displays, or event branding that needs to convey immediate opulence.

#000000 · #FFD700 · #50C878

Vibrant Statement

Ideal for clean, modern interfaces where the vibrant greens stand out against a crisp, bright background.

#50C878 · #F8F8F8 · #3CB371

Gleaming Contrast

Excellent for creating dramatic visual hierarchy, making key elements pop in web design or print layouts.

#000000 · #50C878 · #F8F8F8

CSS variables

:root {
  --emerald-city-gleam-2-1: #50C878;
  --emerald-city-gleam-2-2: #FFD700;
  --emerald-city-gleam-2-3: #000000;
  --emerald-city-gleam-2-4: #F8F8F8;
  --emerald-city-gleam-2-5: #3CB371;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-city-gleam-2": {
        1: "#50C878",
        2: "#FFD700",
        3: "#000000",
        4: "#F8F8F8",
        5: "#3CB371",
      }
    }
  }
}

Related searches

emerald gold black palettevibrant luxury color schemefantasy city green goldhigh contrast elegant colorsbold green branding

Palette colors

Hex values

Color 1#50C878
·
Color 2#FFD700
·
Color 3#000000
·
Color 4#F8F8F8
·
Color 5#3CB371
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
9.9:1AAA
2:1Fail
1.3:1Fail
2
1.5:1Fail
15:1AAA
1.3:1Fail
1.9:1Fail
3
9.9:1AAA
15:1AAA
19.8:1AAA
7.9:1AAA
4
2:1Fail
1.3:1Fail
19.8:1AAA
2.5:1Fail
5
1.3:1Fail
1.9:1Fail
7.9:1AAA
2.5:1Fail

Similar palettes

More like Emerald City Gleam

View all vibrant
Emerald City Gleam
Gilded Age Opulence
Gilded Era Gleam
Jewel Box Enchantment
Sapphire Ruby Sparkle
Ancient Aztec Gold