Palette

Peacock Feather Jewel

A dazzling and opulent collection of colors found in the magnificent, 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 Peacock Feather Jewel 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 Peacock Feather Jewel.

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

Data visualization

#4B0082#000080#006400#00BFFF#FFD700

Palette guide

How to use Peacock Feather Jewel

Overview

The Peacock Feather Jewel palette is a dazzling and opulent collection, drawing inspiration from the magnificent, iridescent feathers of a peacock. It features rich, deep hues like the regal #4B0082 (Indigo) and the classic #000080 (Navy), setting a luxurious foundation. Vibrant emerald green #006400 and sparkling sky blue #00BFFF add brilliant pops of color, mimicking the feather's sheen. The palette is crowned with a radiant #FFD700 (Gold), providing a stunning contrast and a touch of true elegance. This collection is ideal for designers seeking to convey luxury, sophistication, and exotic beauty, making a bold and memorable statement.

Best used for

Luxury brand identity and packaging
High-end event invitations and decor
Jewelry and fashion website design
Art and cultural institution branding
Opulent interior design concepts
Theatrical or artistic promotional materials

Suggested color roles

primary

Use #4B0082 or #000080 as a deep, luxurious background or primary color for a sophisticated base.

secondary

Apply #006400 for supportive elements, adding depth and a rich, natural touch.

accent

Utilize #00BFFF for vibrant highlights, interactive elements, or striking calls-to-action to mimic iridescent shimmer. #FFD700 is perfect for metallic accents.

background

Deep #4B0082 or #000080 for dramatic backdrops, or a very light cream/off-white for high contrast.

text

White or #FFD700 for primary text on darker backgrounds; #4B0082 or #000080 for text on very light backgrounds.

Accessibility notes

Ensure high contrast for text, particularly when using white or light gold text on dark blues and greens.
The vibrant #00BFFF may require darker text (e.g., black or dark blue) for readability, or be used sparingly for icons/accents.
Always verify contrast ratios for all text and interactive elements to meet WCAG AA or AAA standards.
Be mindful of color-blind users when relying heavily on the blue-green contrast; use texture or iconography as well.

Recommended combinations

Royal Iridescence

A deep base with a vibrant accent and a luxurious gold highlight, perfect for striking visuals.

#4B0082 · #00BFFF · #FFD700

Emerald Depth

Combines deep blue and green with a metallic gold, ideal for elegant branding or UI elements.

#000080 · #006400 · #FFD700

Feather Glimmer

A primary green, a luminous blue accent, and a rich indigo for a balanced, vibrant composition.

#006400 · #00BFFF · #4B0082

CSS variables

:root {
  --peacock-feather-jewel-1: #4B0082;
  --peacock-feather-jewel-2: #000080;
  --peacock-feather-jewel-3: #006400;
  --peacock-feather-jewel-4: #00BFFF;
  --peacock-feather-jewel-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "peacock-feather-jewel": {
        1: "#4B0082",
        2: "#000080",
        3: "#006400",
        4: "#00BFFF",
        5: "#FFD700",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#000080

Color 3#006400

Color 4#00BFFF

Color 5#FFD700

Accessibility

Contrast checker

1.2:1Fail

1.7:1Fail

6.1:1AA

9.2:1AAA

1.2:1Fail

2.2:1Fail

7.5:1AAA

11.4:1AAA

1.7:1Fail

2.2:1Fail

3.5:1AA18

5.3:1AA

6.1:1AA

7.5:1AAA

3.5:1AA18

1.5:1Fail

9.2:1AAA

11.4:1AAA

5.3:1AA

1.5:1Fail

Similar palettes

More like Peacock Feather Jewel