Palette

Wild Orchid Bloom

Intense fuchsias and soft pinks, capturing the exotic allure of a blossoming wild orchid.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wild Orchid Bloom 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 Wild Orchid Bloom.

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

Data visualization

#5F021F#B90B55#E0478B#FF71AE#FFC9DE

Palette guide

How to use Wild Orchid Bloom

Overview

The Wild Orchid Bloom palette (version 1) captures the exotic allure of a blossoming wild orchid through intense fuchsias and soft pinks. This elegant collection features a deep #5F021F, a captivating #B90B55, the lively #E0478B, a bright #FF71AE, and the delicate #FFC9DE. For designers, this palette offers a sophisticated yet vibrant range, perfect for conveying elegance, femininity, or tropical charm. Developers can leverage these hues to build visually rich and engaging user interfaces that feel luxurious and inviting, from bold statements to subtle, romantic touches in digital and print media.

Best used for

Feminine brand identity and marketing
Fashion and beauty industry designs
Wedding invitations and decor
Dessert and confectionery packaging
Luxury lifestyle blogs and websites
Tropical-themed event promotions

Suggested color roles

primary

Use #B90B55 as the bold primary color for brand recognition, impactful headlines, or strong call-to-action elements.

secondary

Employ #E0478B for secondary features, subheadings, or to introduce a brighter, more playful energy to the design.

accent

Apply #5F021F sparingly for deep, grounding accents, rich text, or to create a dramatic contrast.

background

Utilize #FFC9DE as a soft, delicate background color, providing an elegant canvas that allows the vibrant pinks to shine.

text

For optimal readability, use #5F021F or black for body text on lighter backgrounds. #B90B55 works well for prominent headings.

Accessibility notes

Ensure strong contrast for text when using #FF71AE or #FFC9DE as backgrounds; always pair with dark text.
The deepest shade, #5F021F, is excellent for body text on light backgrounds to meet WCAG contrast guidelines.
Avoid using #FFC9DE for small text sizes, as it lacks sufficient contrast against white or very light colors.
Test interactive elements to ensure they are clearly distinguishable and accessible.

Recommended combinations

Bold Statement

Ideal for a striking header or hero section, with #FFC9DE as background and #B90B55 as a vibrant accent.

#5F021F · #FFC9DE · #B90B55

Soft Accents

Creates a gentle, feminine blend for decorative elements, icons, or subtle UI components.

#E0478B · #FF71AE · #FFC9DE

Elegant Interface

A balanced trio for user interfaces, using #FFC9DE for panels, #B90B55 for primary actions, and #5F021F for text.

#FFC9DE · #B90B55 · #5F021F

CSS variables

:root {
  --wild-orchid-bloom-1: #5F021F;
  --wild-orchid-bloom-2: #B90B55;
  --wild-orchid-bloom-3: #E0478B;
  --wild-orchid-bloom-4: #FF71AE;
  --wild-orchid-bloom-5: #FFC9DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-orchid-bloom": {
        1: "#5F021F",
        2: "#B90B55",
        3: "#E0478B",
        4: "#FF71AE",
        5: "#FFC9DE",
      }
    }
  }
}

Hex values

Color 1#5F021F

Color 2#B90B55

Color 3#E0478B

Color 4#FF71AE

Color 5#FFC9DE

Accessibility

Contrast checker

2.1:1Fail

3.6:1AA18

5.4:1AA

9.7:1AAA

2.1:1Fail

1.7:1Fail

2.5:1Fail

4.5:1AA

3.6:1AA18

1.7:1Fail

1.5:1Fail

2.7:1Fail

5.4:1AA

2.5:1Fail

1.5:1Fail

1.8:1Fail

9.7:1AAA

4.5:1AA

2.7:1Fail

1.8:1Fail

Similar palettes

More like Wild Orchid Bloom

View all vibrant

Orchid Symphony

Sakura Kimono Blush

Celestial Orchid Glow

Coral Garden Shimmer

Cosmic Jellyfish Dance

Crimson Petal Luxury