Palette

Gala Night Shine

Deep, rich hues of a glamorous evening affair, with a touch of opulent metallic shimmer.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gala Night Shine 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 Gala Night Shine.

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

Data visualization

#1B1B1B#3D0C0C#7C0A02#BA0B0B#F5A300

Palette guide

How to use Gala Night Shine

Overview

The "Gala Night Shine" is a dramatic and opulent palette, evoking the luxurious ambiance of a high-stakes evening event. It features a deep, sophisticated black #1B1B1B, rich, velvety reds from #3D0C0C to the intense #BA0B0B, and a striking, shimmering gold #F5A300. This collection is perfect for designers and developers aiming to create powerful, elegant, and memorable visuals. It's especially effective for projects requiring a sense of luxury, exclusivity, and a touch of dramatic flair, with the gold providing a radiant contrast to the deep reds and black.

Best used for

Luxury product advertising
Fine dining restaurant branding
Casino or entertainment venue design
Award ceremony event materials
Exclusive club branding
Holiday season marketing (with a sophisticated twist)

Suggested color roles

primary

#1B1B1B - A deep, luxurious black, serving as the foundational background or primary dark element, conveying sophistication and drama.

secondary

#BA0B0B - A rich, vibrant red, excellent for strong calls to action, important headlines, or to convey passion and energy.

accent

#F5A300 - A brilliant, opulent gold, providing a luxurious accent for highlights, premium features, or subtle shimmering details, signifying value.

background

#1B1B1B - The core background color, establishing a dark, elegant canvas that makes the reds and gold truly stand out.

text

#7C0A02 - A deep, warm red, suitable for subheadings or specific textual elements on very light backgrounds, or use white/gold for body text on #1B1B1B for best readability.

Accessibility notes

Ensure #F5A300 offers sufficient contrast when used for text on #1B1B1B or the darker reds.
Avoid using mid-range reds like #7C0A02 on #3D0C0C as text due to low contrast.
For body text on #1B1B1B, use #F5A300 or a pure white for optimal readability and a luxurious feel.
Interactive elements should clearly differentiate their states, leveraging the strong contrast between gold and the dark colors.

Recommended combinations

Crimson Gold

Ideal for luxury branding or event invitations, with black as the base, red for passion, and gold for opulence.

#1B1B1B · #BA0B0B · #F5A300

Velvet Elegance

Creates a rich, layered effect for print design or sophisticated digital illustrations, with the reds providing depth and gold a highlight.

#3D0C0C · #7C0A02 · #F5A300

Dramatic Flare

Perfect for impactful advertising, using the dark background, bright gold for immediate attention, and deep red for strong messaging.

#1B1B1B · #F5A300 · #BA0B0B

CSS variables

:root {
  --gala-night-shine-1: #1B1B1B;
  --gala-night-shine-2: #3D0C0C;
  --gala-night-shine-3: #7C0A02;
  --gala-night-shine-4: #BA0B0B;
  --gala-night-shine-5: #F5A300;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gala-night-shine": {
        1: "#1B1B1B",
        2: "#3D0C0C",
        3: "#7C0A02",
        4: "#BA0B0B",
        5: "#F5A300",
      }
    }
  }
}

Hex values

Color 1#1B1B1B

Color 2#3D0C0C

Color 3#7C0A02

Color 4#BA0B0B

Color 5#F5A300

Accessibility

Contrast checker

1:1Fail

1.6:1Fail

2.6:1Fail

8.3:1AAA

1:1Fail

1.5:1Fail

2.5:1Fail

8.1:1AAA

1.6:1Fail

1.5:1Fail

1.7:1Fail

5.3:1AA