Back to palettes

Palette

Crimson Bloom

A vibrant spectrum of reds, from deep crimson to soft blush, inspired by a flourishing flower garden.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9E1A1A#CD3E3E#E37070#F5ADAD#FFDCDC

Palette guide

How to use Crimson Bloom

Overview

The Crimson Bloom palette offers a vibrant spectrum of reds, from deep crimson to soft blush, inspired by a flourishing flower garden. Ranging from the intense #9E1A1A to the delicate #FFDCDC, this collection is designed for energetic and passionate applications. Designers and developers can leverage #CD3E3E for vibrant statements and #E37070 for a lively mid-tone. The soft #F5ADAD and #FFDCDC provide beautiful, gentle accents. This palette is ideal for projects seeking to convey passion, romance, and a lively elegance, perfect for floral branding, feminine digital interfaces, or expressive editorial content.

Best used for

  • Floral design and wedding branding
  • Romantic or feminine website themes
  • Beauty and cosmetic product packaging
  • Spring and summer event promotions
  • User interfaces for creative or lifestyle apps
  • Editorial design for fashion or art magazines

Suggested color roles

primary

Use #9E1A1A as a vibrant primary for headlines or calls to action, establishing a bold, passionate presence.

secondary

Employ #CD3E3E for important content blocks or navigation, offering a slightly brighter, inviting red.

accent

Introduce #FFDCDC as a soft, blush accent for highlights, subtle backgrounds, or interactive elements, adding delicacy.

background

The lightest shade, #FFDCDC, provides a soft, warm background. For a richer backdrop, use #9E1A1A.

text

On light backgrounds, #9E1A1A or a dark charcoal ensures excellent readability. For dark backgrounds, white or #FFDCDC is essential.

Accessibility notes

  • Ensure sufficient contrast between #F5ADAD and #FFDCDC if used for text or critical UI elements.
  • Text on #9E1A1A or #CD3E3E will require a very light color (e.g., white or #FFDCDC) for legibility.
  • Avoid low-contrast pairings like #E37070 text on #F5ADAD backgrounds for small fonts.
  • Always test contrast ratios with accessibility tools to meet WCAG 2.1 AA standards for readability.

Recommended combinations

Bloom Depth

Creates a deep, rich red foundation with vibrant mid-tones for bold designs.

#9E1A1A · #CD3E3E · #E37070

Blush Petal

Ideal for a soft yet vibrant aesthetic, balancing delicate pink with a strong crimson.

#F5ADAD · #FFDCDC · #9E1A1A

Floral Glow

Excellent for subtle gradients or layered elements, evoking a romantic, elegant transition.

#CD3E3E · #E37070 · #F5ADAD

CSS variables

:root {
  --crimson-bloom-1: #9E1A1A;
  --crimson-bloom-2: #CD3E3E;
  --crimson-bloom-3: #E37070;
  --crimson-bloom-4: #F5ADAD;
  --crimson-bloom-5: #FFDCDC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-bloom": {
        1: "#9E1A1A",
        2: "#CD3E3E",
        3: "#E37070",
        4: "#F5ADAD",
        5: "#FFDCDC",
      }
    }
  }
}

Related searches

vibrant red color palettecrimson blush huesromantic floral schemespassionate red pinkenergetic flower design

Palette colors

Hex values

Color 1#9E1A1A
·
Color 2#CD3E3E
·
Color 3#E37070
·
Color 4#F5ADAD
·
Color 5#FFDCDC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.6:1Fail
4.4:1AA18
6.3:1AA
2
1.7:1Fail
1.6:1Fail
2.6:1Fail
3.8:1AA18
3
2.6:1Fail
1.6:1Fail
1.7:1Fail
2.4:1Fail
4
4.4:1AA18
2.6:1Fail
1.7:1Fail
1.4:1Fail
5
6.3:1AA
3.8:1AA18
2.4:1Fail
1.4:1Fail

Similar palettes

More like Crimson Bloom

View all warm
Crimson Ember Blaze
Crimson Sunset Haze
Crimson Sunset Mesa
Crimson Tide
Fall Leaf Brilliance
Fiery Chili Pepper