Palette

Crimson Petal Luxury

Luxurious shades of velvety reds and soft pinks, like a blooming rose in full glory.

vibrantelegant5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Crimson Petal Luxury 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 Crimson Petal Luxury.

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

Data visualization

#8B0000#B22222#FF69B4#FFC0CB#FFE4E1

Palette guide

How to use Crimson Petal Luxury

Overview

The "Crimson Petal Luxury" palette offers luxurious shades of velvety reds and soft pinks, like a blooming rose in full glory. This vibrant collection features a strong Dark Red #8B0000, a robust Firebrick #B22222, a playful Hot Pink #FF69B4, a delicate Pink #FFC0CB, and a soft Misty Rose #FFE4E1. Designers can leverage this palette to create romantic, elegant, and sophisticated aesthetics, perfect for evoking femininity and charm. Its harmonious blend of deep, passionate reds and airy, soft pinks allows for versatility in expressing luxury and delicate beauty. Developers will find these hex codes ideal for beauty brands, wedding services, or any design requiring a refined, romantic, and opulent appeal.

Best used for

Luxury beauty and cosmetics branding
Wedding and event planning websites
Romantic fashion and lifestyle blogs
High-end floral design studios
Valentine's Day marketing materials
Elegant stationery and invitations

Suggested color roles

primary

Use #8B0000 (Dark Red) for main headings, strong brand elements, or deep background sections, establishing a luxurious foundation.

secondary

Apply #B22222 (Firebrick) for supporting content, subheadings, or borders, providing a rich, intense tone.

accent

Feature #FF69B4 (Hot Pink) for vibrant highlights, interactive elements, or playful accents, drawing immediate attention.

background

Utilize #FFE4E1 (Misty Rose) or #FFC0CB (Pink) for clean content areas or as a soft, inviting background, ensuring excellent readability with dark text.

text

For dark backgrounds like #8B0000 or #B22222, use white or a very light off-white. For lighter backgrounds like #FF69B4, #FFC0CB, or #FFE4E1, a deep charcoal or black provides optimal readability.

Accessibility notes

Ensure sufficient contrast for dark text on #FF69B4 (Hot Pink), #FFC0CB (Pink), and #FFE4E1 (Misty Rose); dark text is crucial.
Pair lighter text (e.g., #FFFFFF) with #8B0000 (Dark Red) and #B22222 (Firebrick) for optimal legibility.
Avoid using #FFC0CB (Pink) with #FFE4E1 (Misty Rose) for text/background without careful contrast checking due to their light values.
Test all color combinations against WCAG 2.1 AA standards, especially for interactive elements, as pinks can sometimes be challenging.

Recommended combinations

Velvet Rose

Creating a romantic and luxurious feel for hero sections or product displays, combining deep red with hot pink and a soft misty rose.

#8B0000 · #FF69B4 · #FFE4E1

Petal Gradient

Smooth, elegant gradients for background elements or content blocks, transitioning from firebrick to delicate pink and hot pink.

#B22222 · #FFC0CB · #FF69B4

Delicate Contrast

Highlighting key information, using delicate pink for readability against strong red and firebrick for emphasis and grounding.

#FFC0CB · #8B0000 · #B22222

CSS variables

:root {
  --crimson-petal-luxury-1: #8B0000;
  --crimson-petal-luxury-2: #B22222;
  --crimson-petal-luxury-3: #FF69B4;
  --crimson-petal-luxury-4: #FFC0CB;
  --crimson-petal-luxury-5: #FFE4E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-petal-luxury": {
        1: "#8B0000",
        2: "#B22222",
        3: "#FF69B4",
        4: "#FFC0CB",
        5: "#FFE4E1",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#B22222

Color 3#FF69B4

Color 4#FFC0CB

Color 5#FFE4E1

Accessibility

Contrast checker

1.5:1Fail

3.8:1AA18

6.5:1AA

8.3:1AAA

1.5:1Fail

2.5:1Fail

4.3:1AA18

5.5:1AA

3.8:1AA18

2.5:1Fail

1.7:1Fail

2.2:1Fail

6.5:1AA

4.3:1AA18

1.7:1Fail

1.3:1Fail

8.3:1AAA

5.5:1AA

2.2:1Fail

1.3:1Fail

Similar palettes

More like Crimson Petal Luxury

View all vibrant

Enchanted Rose Garden

Crimson Rose Velvet

Art Nouveau Gilt Flower

Coral Garden Shimmer

Coronation Gemstone Gleam

Cosmic Jellyfish Dance