Palette

Regal Bloom

A majestic palette of deep purples and lavenders, evoking ancient royalty and delicate blossoms.

CoolElegant5 colors

More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4B0082#6A5ACD#BA55D3#E6E6FA#F0F8FF

Palette guide

How to use Regal Bloom

Overview

The Regal Bloom palette presents a majestic blend of deep purples and ethereal lavenders, evocative of ancient royalty and delicate blossoms. Featuring the profound #4B0082, the sophisticated #6A5ACD, and the vibrant #BA55D3, it's beautifully softened by the airy #E6E6FA and #F0F8FF. This palette is a designer's dream for projects that demand elegance, femininity, and a touch of fantasy. Its range from deep to light allows for dynamic contrast and harmonious transitions, creating visually stunning and memorable experiences for users.

Best used for

Feminine luxury brand identity
Spa and wellness website design
Bridal and wedding stationery
Digital art and fantasy illustrations
Elegant fashion and beauty campaigns
Children's book or toy branding

Suggested color roles

primary

Employ #4B0082 as the dominant dark purple for backgrounds, robust headings, or key brand elements, establishing a regal foundation.

secondary

Use #6A5ACD for supportive sections, sub-headers, or larger graphical components, offering a softer yet sophisticated touch.

accent

Apply #BA55D3 for vibrant calls to action, interactive elements, or striking visual highlights to draw attention.

background

Utilize #F0F8FF or #E6E6FA for clean, airy backgrounds, providing excellent contrast and a sense of lightness.

text

Dark shades like #4B0082 or #6A5ACD work best for text on light backgrounds. For dark backgrounds, use white or a very pale gray.

Accessibility notes

Ensure high contrast when using #4B0082 for text on #E6E6FA or #F0F8FF backgrounds.
The vibrant #BA55D3 may require a very light background to maintain readability for smaller text.
Avoid using #E6E6FA or #F0F8FF for text on light purple backgrounds due to insufficient contrast.
Verify that all text and interactive elements meet WCAG AA contrast standards for accessibility.

Recommended combinations

Royal Contrast

A striking combination for high-impact branding, pairing deep purple with an airy white and a vibrant floral accent.

#4B0082 · #F0F8FF · #BA55D3

Soft Lavender

Perfect for creating a delicate and inviting atmosphere, ideal for feminine or wellness-focused designs.

#E6E6FA · #6A5ACD · #BA55D3

Deep Bloom

Use for designs that require depth but also a gentle, elegant transition, suitable for sophisticated digital interfaces.

#4B0082 · #6A5ACD · #E6E6FA

CSS variables

:root {
  --regal-bloom-1: #4B0082;
  --regal-bloom-2: #6A5ACD;
  --regal-bloom-3: #BA55D3;
  --regal-bloom-4: #E6E6FA;
  --regal-bloom-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-bloom": {
        1: "#4B0082",
        2: "#6A5ACD",
        3: "#BA55D3",
        4: "#E6E6FA",
        5: "#F0F8FF",
      }
    }
  }
}

Hex values

Color 1#4B0082

Color 2#6A5ACD

Color 3#BA55D3

Color 4#E6E6FA

Color 5#F0F8FF

Accessibility

Contrast checker

2.4:1Fail

3.3:1AA18

10.5:1AAA

12.1:1AAA

2.4:1Fail

1.3:1Fail

4.3:1AA18

4.9:1AA

3.3:1AA18

1.3:1Fail

3.2:1AA18

3.7:1AA18

10.5:1AAA

4.3:1AA18

3.2:1AA18

1.1:1Fail

12.1:1AAA

4.9:1AA

3.7:1AA18

1.1:1Fail

Similar palettes

More like Regal Bloom