Back to palettes

Palette

Feathered Jewel

A dazzling and whimsical collection of colors inspired by the brilliant plumage of exotic birds.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Feathered 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 Feathered Jewel.

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

Data visualization

#FFD700#FF8C00#8A2BE2#00BFFF#FF1493

Palette guide

How to use Feathered Jewel

Overview

The "Feathered Jewel" palette is a dazzling and whimsical collection, inspired by the brilliant plumage of exotic birds. This vibrant array features a lustrous gold, #FFD700, a bold dark orange, #FF8C00, a majestic blue-violet, #8A2BE2, a striking deep sky blue, #00BFFF, and an energetic deep pink, #FF1493. Each color pops with playful intensity, making this palette ideal for designers and developers seeking to create engaging, high-energy digital experiences or product designs. It's perfect for projects that demand attention, evoke joy, and celebrate vivid, unrestricted creativity, truly embodying a playful and exotic mood.

Best used for

  • Children's entertainment and toy branding
  • Festival and event promotion materials
  • Creative agency websites and portfolios
  • Fashion and beauty product packaging
  • Playful mobile game interfaces
  • Art and craft supply brand identity

Suggested color roles

primary

Use #8A2BE2 as a primary color for a bold, creative foundation, perfect for large sections or dominant visual elements.

secondary

Employ #00BFFF as a vibrant secondary color for headings, buttons, or interactive elements, adding a lively contrast.

accent

Introduce #FFD700 and #FF1493 as energetic accents for highlights, icons, or calls to action, ensuring visual pop and excitement.

background

Given the intensity, consider a clean white or very light gray background to let the vibrant colors truly shine. For bold sections, #8A2BE2 can serve as a dramatic background.

text

For optimal readability, use a strong contrasting text color like black or white. White text works well on #8A2BE2, #00BFFF, and #FF1493. Black text is best on #FFD700 and #FF8C00.

Accessibility notes

  • High contrast is crucial for readability; avoid placing mid-tone brights against each other (e.g., #FFD700 on #FF8C00).
  • Ensure sufficient contrast for text, especially with #FFD700 and #FF8C00 which may require dark text.
  • The intensity of these colors can be overwhelming; use them judiciously and with ample negative space.
  • Always test color combinations with accessibility checkers for text and UI elements to ensure compliance.

Recommended combinations

Exotic Bloom

Creates a dazzling, high-energy combination, ideal for striking headlines, event banners, or playful illustrations.

#FF1493 · #8A2BE2 · #FFD700

Tropical Sky

Excellent for dynamic backgrounds, vibrant UI elements, or designs that evoke a sense of adventure and freedom.

#00BFFF · #FF8C00 · #8A2BE2

Jeweled Sparkle

Perfect for adding highlights, decorative elements, or creating a festive and luxurious feel in digital or print media.

#FFD700 · #FF1493 · #00BFFF

CSS variables

:root {
  --feathered-jewel-1: #FFD700;
  --feathered-jewel-2: #FF8C00;
  --feathered-jewel-3: #8A2BE2;
  --feathered-jewel-4: #00BFFF;
  --feathered-jewel-5: #FF1493;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "feathered-jewel": {
        1: "#FFD700",
        2: "#FF8C00",
        3: "#8A2BE2",
        4: "#00BFFF",
        5: "#FF1493",
      }
    }
  }
}

Related searches

vibrant bird colorsplayful exotic palettebold jewel tone schemecolorful festival designhigh energy color combinations

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FF8C00
·
Color 3#8A2BE2
·
Color 4#00BFFF
·
Color 5#FF1493
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
4.2:1AA18
1.5:1Fail
2.6:1Fail
2
1.7:1Fail
2.6:1Fail
1.1:1Fail
1.6:1Fail
3
4.2:1AA18
2.6:1Fail
2.8:1Fail
1.6:1Fail
4
1.5:1Fail
1.1:1Fail
2.8:1Fail
1.7:1Fail
5
2.6:1Fail
1.6:1Fail
1.6:1Fail
1.7:1Fail

Similar palettes

More like Feathered Jewel

View all vibrant
Exotic Feather Splendor
Rainbow Parrot Plumage
Tropical Bird Feather
Tropical Parrot Plumage
Abstract Geometric Hue
Art Studio Chaos