Back to palettes

Palette

Midnight Bazaar Lanterns

Deep purples and oranges reminiscent of an enchanted market glowing under the moon.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Midnight Bazaar Lanterns 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 Midnight Bazaar Lanterns.

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

Data visualization

#4A0536#7C1D6F#BA369F#F8E71C#FF7B00

Palette guide

How to use Midnight Bazaar Lanterns

Overview

The vibrant Midnight Bazaar Lanterns palette evokes the enchanting glow of an exotic night market. Deep, mysterious purples like #4A0536 and #7C1D6F lay a rich foundation, while the brighter #BA369F adds a touch of playful luminosity. The brilliant #F8E71C, a dazzling gold, and the fiery #FF7B00, a vivid orange, act as radiant accents, mimicking the warm, inviting light of lanterns. Designers and developers can leverage this palette to create energetic and captivating digital experiences, branding, or event themes that require a luxurious, bold, and slightly mystical feel. It’s perfect for designs aiming to be both sophisticated and strikingly memorable.

Best used for

  • Event branding (e.g., festivals, galas)
  • Luxury product packaging
  • Themed website designs (e.g., entertainment, gaming)
  • Fashion or jewelry brand identity
  • Digital art and illustration backgrounds
  • Restaurant or lounge interior design concepts

Suggested color roles

primary

#4A0536 (Deepest purple, ideal for large backgrounds, main sections, or sophisticated branding that needs a strong, dark base.)

secondary

#7C1D6F (A rich, warm purple, excellent for sub-headers, navigation elements, or secondary graphic accents, providing depth without overwhelming.)

accent

#F8E71C (Bright gold, perfect for calls-to-action, key icons, highlights, or small decorative elements to draw immediate attention.)

background

#4A0536 (Use this deep purple for a luxurious, immersive backdrop, ensuring ample contrast for lighter foreground elements.)

text

#F8E71C or #FF7B00 (For main text on dark backgrounds, use #F8E71C for high contrast. For headings or highlights, #FF7B00 can be effective, but ensure readability.)

Accessibility notes

  • Ensure #F8E71C and #FF7B00 have sufficient contrast against #4A0536 or #7C1D6F for body text.
  • Use a light text color like near-white or #F8E71C on darker backgrounds for optimal readability.
  • Avoid using #BA369F as primary text on #7C1D6F as their contrast may be insufficient for accessibility.
  • Reserve the bright accents (#F8E71C, #FF7B00) for interactive elements or short, impactful phrases.

Recommended combinations

Mystical Night

Ideal for high-impact headers or hero sections where deep purple frames a vibrant, glowing focus.

#4A0536 · #BA369F · #F8E71C

Energetic Glow

Great for interactive elements, buttons, or infographic highlights that need to pop with warmth.

#7C1D6F · #FF7B00 · #BA369F

Rich Contrast

Excellent for branding logos or key UI elements that demand strong visual separation and luxury.

#4A0536 · #F8E71C · #FF7B00

CSS variables

:root {
  --midnight-bazaar-lanterns-1: #4A0536;
  --midnight-bazaar-lanterns-2: #7C1D6F;
  --midnight-bazaar-lanterns-3: #BA369F;
  --midnight-bazaar-lanterns-4: #F8E71C;
  --midnight-bazaar-lanterns-5: #FF7B00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "midnight-bazaar-lanterns": {
        1: "#4A0536",
        2: "#7C1D6F",
        3: "#BA369F",
        4: "#F8E71C",
        5: "#FF7B00",
      }
    }
  }
}

Related searches

exotic night color schemepurple gold orange palettevibrant dark theme colorsluxurious bazaar paletteenergetic purple gold design

Palette colors

Hex values

Color 1#4A0536
·
Color 2#7C1D6F
·
Color 3#BA369F
·
Color 4#F8E71C
·
Color 5#FF7B00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1AA18
12:1AAA
5.9:1AA
2
1.7:1Fail
1.8:1Fail
7.3:1AAA
3.6:1AA18
3
3:1AA18
1.8:1Fail
4:1AA18
2:1Fail
4
12:1AAA
7.3:1AAA
4:1AA18
2:1Fail
5
5.9:1AA
3.6:1AA18
2:1Fail
2:1Fail

Similar palettes

More like Midnight Bazaar Lanterns

View all vibrant
Amethyst Berry Preserve
Aurora Sky Shimmer
Celestial Aurora Dance
Celestial Firestorm
Electric City Night
Electric City Night