Back to palettes

Palette

Carnival Midnight Sky

A dramatic contrast of deep night sky blues with the vibrant, artificial glow of carnival lights.

darkenergetic5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Carnival Midnight Sky 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 Carnival Midnight Sky.

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

Data visualization

#191970#4169E1#FFD700#DC143C#800080

Palette guide

How to use Carnival Midnight Sky

Overview

The "Carnival Midnight Sky" palette creates a dramatic contrast, pairing deep, mysterious night sky blues with the vibrant, artificial glow of carnival lights. It features a very dark navy blue (#191970), a rich royal blue (#4169E1), a brilliant gold (#FFD700), a striking crimson red (#DC143C), and a deep royal purple (#800080). This dark and vibrant collection offers designers and developers a powerful toolkit for creating sophisticated yet energetic digital experiences. Its unique blend of depth and intense pops of color makes it ideal for projects that require a dramatic flair, conveying excitement against a nocturnal backdrop, ensuring a memorable and visually stunning user journey.

Best used for

  • Evening event promotions
  • High-end gaming interfaces
  • Luxury brand accents
  • Mysterious website themes
  • Interactive digital art
  • Dark mode UI design

Suggested color roles

primary

This very dark navy (#191970) serves as an excellent primary background or foundational color, setting a sophisticated, nocturnal mood.

secondary

A rich royal blue (#4169E1) that complements the primary, ideal for larger UI elements, section backgrounds, or prominent branding.

accent

Deploy this brilliant gold (#FFD700) for highlights, alerts, or small interactive elements to add a luminous pop and draw immediate attention against the dark background.

background

This deep navy (#191970) is the ideal background, providing a rich, dark canvas that makes the brighter accent colors truly glow.

text

White or a very light gray is essential for text against the dark blue backgrounds and any of the vibrant colors for optimal readability.

Accessibility notes

  • For text on the dark blue backgrounds (#191970, #4169E1), use white or very light gray for sufficient contrast.
  • Ensure text on the bright yellow (#FFD700) uses a very dark, contrasting color like black for readability.
  • Avoid using red (#DC143C) and blue (#4169E1) or purple (#800080) for critical information that relies solely on color distinction.
  • The high contrast between dark backgrounds and vibrant accents should be managed to avoid visual fatigue; use highlights strategically.

Recommended combinations

Midnight Glow

Ideal for dramatic headers, dark-themed UI, or backgrounds where vibrant elements need to pop intensely.

#191970 · #FFD700 · #DC143C

Royal Contrast

Great for creating engaging visual patterns, sophisticated icons, or secondary graphic elements with a nocturnal vibe.

#4169E1 · #800080 · #FFD700

Festive Spark

Suited for interactive elements, calls to action, or accentuating key features with a bright and engaging appeal against dark themes.

#DC143C · #FFD700 · #4169E1

CSS variables

:root {
  --carnival-midnight-sky-1: #191970;
  --carnival-midnight-sky-2: #4169E1;
  --carnival-midnight-sky-3: #FFD700;
  --carnival-midnight-sky-4: #DC143C;
  --carnival-midnight-sky-5: #800080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "carnival-midnight-sky": {
        1: "#191970",
        2: "#4169E1",
        3: "#FFD700",
        4: "#DC143C",
        5: "#800080",
      }
    }
  }
}

Related searches

dark carnival color palettemidnight blue vibrant UIhigh contrast festive designnight event branding colorsdramatic pop colors

Palette colors

Hex values

Color 1#191970
·
Color 2#4169E1
·
Color 3#FFD700
·
Color 4#DC143C
·
Color 5#800080
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.1:1AA18
10.6:1AAA
3:1Fail
1.6:1Fail
2
3.1:1AA18
3.5:1AA18
1:1Fail
1.9:1Fail
3
10.6:1AAA
3.5:1AA18
3.6:1AA18
6.7:1AA
4
3:1Fail
1:1Fail
3.6:1AA18
1.9:1Fail
5
1.6:1Fail
1.9:1Fail
6.7:1AA
1.9:1Fail

Similar palettes

More like Carnival Midnight Sky

View all dark
Midnight City Glare
Digital Synthwave Haze
Midnight City Pulse
Urban Neon Twilight
Urban Night Glow
Cyberpunk Cityscape