Back to palettes

Palette

Gala Night Shimmer

A sophisticated and dramatic palette inspired by moonlit galas and refined elegance.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0C0F0A#1C3334#2F4550#586F7C#B8DBD9

Palette guide

How to use Gala Night Shimmer

Overview

The "Gala Night Shimmer" is a sophisticated and elegant palette, drawing inspiration from moonlit galas and refined evening events. It features a spectrum of cool, deep tones from the near-black #0C0F0A to the shimmering silver-blue #B8DBD9. Intermediate shades like the deep teal-grey #1C3334, the muted blue-grey #2F4550, and the stately #586F7C add depth and luxurious layering. This palette is exceptionally useful for designers and developers aiming to convey exclusivity, professionalism, and understated glamour. It's ideal for projects requiring a sense of luxury, calm, and modern elegance.

Best used for

  • Luxury brand identity and packaging
  • Formal event invitations and websites
  • High-end corporate branding
  • Sophisticated UI/UX design (dark mode optional)
  • Jewelry or fashion marketing
  • Architectural and interior design presentations

Suggested color roles

primary

#2F4550 - A deep, muted blue-grey, serving as a sophisticated primary color for backgrounds, large content blocks, or brand logos, conveying professionalism.

secondary

#1C3334 - A very dark teal-grey, providing depth and refinement for navigation, footers, or as a darker accent against lighter elements.

accent

#B8DBD9 - A shimmering, light silver-blue, perfect for subtle accents, highlights, interactive elements, or delicate typography, adding a touch of luxury.

background

#0C0F0A - The darkest, almost black, color, providing a dramatic and elegant canvas that enhances the cooler grey-blues and the shimmering accent.

text

#586F7C - A mid-tone blue-grey, suitable for secondary text or captions on light backgrounds, or use white/light grey for body text on #0C0F0A for optimal readability.

Accessibility notes

  • Ensure good contrast for text, especially when using lighter shades like #B8DBD9 on darker tones like #2F4550 or #1C3334.
  • Text in #586F7C on #B8DBD9 will have very low contrast; avoid this combination for readability.
  • For body text on the darkest background #0C0F0A, use #B8DBD9 or a pure white for optimal readability.
  • Interactive elements should clearly differentiate between states using contrasting colors or subtle animations to guide users.

Recommended combinations

Midnight Glam

Ideal for elegant websites or presentations, with #0C0F0A as background, #2F4550 for content, and #B8DBD9 for subtle highlights.

#0C0F0A · #2F4550 · #B8DBD9

Silver Lining

Creates a layered, sophisticated look for print materials or UI elements, using the darker tones as a base and #B8DBD9 for shine.

#1C3334 · #586F7C · #B8DBD9

Cool Elegance

Suitable for refined branding, where the dark background emphasizes the cool grey and shimmering accent for a luxurious feel.

#0C0F0A · #586F7C · #B8DBD9

CSS variables

:root {
  --gala-night-shimmer-1: #0C0F0A;
  --gala-night-shimmer-2: #1C3334;
  --gala-night-shimmer-3: #2F4550;
  --gala-night-shimmer-4: #586F7C;
  --gala-night-shimmer-5: #B8DBD9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gala-night-shimmer": {
        1: "#0C0F0A",
        2: "#1C3334",
        3: "#2F4550",
        4: "#586F7C",
        5: "#B8DBD9",
      }
    }
  }
}

Related searches

elegant dark blue grey palettesophisticated cool tonesluxury brand color schemeshimmering silver grey paletteformal event design colors

Palette colors

Hex values

Color 1#0C0F0A
·
Color 2#1C3334
·
Color 3#2F4550
·
Color 4#586F7C
·
Color 5#B8DBD9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
3.7:1AA18
13:1AAA
2
1.4:1Fail
1.3:1Fail
2.5:1Fail
9:1AAA
3
1.9:1Fail
1.3:1Fail
1.9:1Fail
6.8:1AA
4
3.7:1AA18
2.5:1Fail
1.9:1Fail
3.6:1AA18
5
13:1AAA
9:1AAA
6.8:1AA
3.6:1AA18

Similar palettes

More like Gala Night Shimmer

View all dark
Gilded Age Glamour
Gothic Revival Arch
Gothic Revival Grandeur
Jazz Age Glamour
Midnight Sapphire Velour
Moonbeam Twilight