Palette

Regal Peacock Plume

Luxurious and vibrant jewel tones inspired by the iridescent feathers of a peacock.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Regal Peacock Plume 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 Regal Peacock Plume.

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

Data visualization

#0047AB#4B0082#FFD700#2E8B57#008080

Palette guide

How to use Regal Peacock Plume

Overview

The Regal Peacock Plume palette is a luxurious and vibrant collection of jewel tones inspired by the iridescent feathers of a peacock. It features the striking royal blue #0047AB, the deep indigo #4B0082, and the brilliant gold #FFD700, complemented by the rich teal #008080 and emerald green #2E8B57. This palette is perfect for designers aiming to create visually captivating and sophisticated projects. Developers can effectively use these hex codes to build dynamic interfaces, captivating branding, or engaging digital content that truly stands out. The interplay of these rich colors evokes elegance and vibrancy, making it ideal for applications requiring a memorable and opulent aesthetic across various design mediums.

Best used for

Fashion and apparel branding
Art gallery and exhibition design
Creative agency portfolios
High-end product showcases
Event invitations with a dramatic flair
Jewelry and luxury accessory marketing

Suggested color roles

primary

The captivating #0047AB provides a strong, regal primary color, excellent for brand identity or main UI elements.

secondary

Use the deep indigo #4B0082 for supporting text, navigation, or as a rich background in dark mode.

accent

The brilliant gold #FFD700 is a powerful accent, perfect for call-to-action buttons, icons, or highlighting key information.

background

For a dark, sophisticated background, #4B0082 is ideal. A clean, light background allows the jewel tones to pop.

text

On dark backgrounds, #FFD700 or a crisp white provides excellent contrast. On light backgrounds, #0047AB or #4B0082 ensures readability.

Accessibility notes

Ensure #FFD700 text on #0047AB, #4B0082, #2E8B57, or #008080 backgrounds meets WCAG AA contrast.
Be cautious with #2E8B57 or #008080 for small text on light backgrounds; always check contrast ratios.
Avoid using #0047AB and #4B0082 together for critical text without sufficient size or bolding.
Consider a true black or white for body text if palette colors don't offer enough contrast for accessibility on certain pairings.

Recommended combinations

Peacock Glam

A high-impact combination, perfect for headlines and eye-catching branding.

#0047AB · #FFD700 · #4B0082

Iridescent Depth

Creates a rich, harmonious blend, ideal for backgrounds or layered graphics.

#4B0082 · #2E8B57 · #008080

Vibrant Contrast

Combines cool tones with a warm accent, suitable for dynamic visual elements.

#0047AB · #2E8B57 · #FFD700

CSS variables

:root {
  --regal-peacock-plume-1: #0047AB;
  --regal-peacock-plume-2: #4B0082;
  --regal-peacock-plume-3: #FFD700;
  --regal-peacock-plume-4: #2E8B57;
  --regal-peacock-plume-5: #008080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-peacock-plume": {
        1: "#0047AB",
        2: "#4B0082",
        3: "#FFD700",
        4: "#2E8B57",
        5: "#008080",
      }
    }
  }
}

Hex values

Color 1#0047AB

Color 2#4B0082

Color 3#FFD700

Color 4#2E8B57

Color 5#008080

Accessibility

Contrast checker

1.5:1Fail

6:1AA

2:1Fail

1.8:1Fail

1.5:1Fail

9.2:1AAA

3.1:1AA18

2.7:1Fail

6:1AA

9.2:1AAA

3:1AA18

3.4:1AA18

2:1Fail

3.1:1AA18

3:1AA18

1.1:1Fail

1.8:1Fail

2.7:1Fail

3.4:1AA18

1.1:1Fail

Similar palettes

More like Regal Peacock Plume

View all vibrant

Royal Peacock Plume

Coronation Gemstone Gleam

Deco Sapphire Gleam

Emerald City Glaze

Emerald Gemstone Luster

Flapper Era Glam