Palette

Crimson Bloom Dawn

A rich, inviting palette reminiscent of deep crimson flowers at sunrise with a touch of ancient stone.

warmelegant5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#A52A2A#D2B48C#F5F5DC#A9A9A9

Palette guide

How to use Crimson Bloom Dawn

Overview

The Crimson Bloom Dawn palette is a rich, inviting collection reminiscent of deep crimson flowers at sunrise with a touch of ancient stone. Ranging from the luxurious #8B0000 to the soft, creamy #F5F5DC, this collection offers an elegant and warm spectrum. Designers and developers can leverage #A52A2A for rich, foundational elements and #D2B48C for a sophisticated, earthy neutral. The subtle #A9A9A9 adds a grounding, stone-like quality. This palette is ideal for projects seeking to convey elegance, warmth, and a rustic charm, perfect for sophisticated branding, inviting digital interfaces, or refined interior spaces.

Best used for

Elegant wedding or event branding
Rustic chic home decor and textiles
Branding for artisanal goods or fine crafts
Sophisticated lifestyle blogs and e-commerce
Editorial design for historical or art publications
User interfaces for high-end hospitality services

Suggested color roles

primary

Use #8B0000 as a dominant primary for large areas or key visuals, establishing a rich, luxurious feel.

secondary

Employ #A52A2A for important headings or navigation, offering a slightly softer, inviting red.

accent

Introduce #F5F5DC as a soft, creamy accent for highlights, subtle backgrounds, or interactive elements.

background

The lightest shade, #F5F5DC, provides a warm, inviting background. For a dramatic effect, #8B0000 works beautifully.

text

On light backgrounds, #8B0000 or a dark charcoal ensures excellent readability. For dark backgrounds, white or #F5F5DC is essential.

Accessibility notes

Ensure sufficient contrast between #D2B48C and #F5F5DC if used for text or critical UI elements.
Text on #8B0000 or #A52A2A will require a very light color (e.g., white or #F5F5DC) for legibility.
Avoid low-contrast pairings like #A9A9A9 text on #D2B48C backgrounds for small fonts.
Always test contrast ratios with accessibility tools to meet WCAG 2.1 AA standards for readability.

Recommended combinations

Dawn Bloom

Creates a rich, elegant base with a soft, creamy highlight, perfect for sophisticated designs.

#8B0000 · #A52A2A · #F5F5DC

Rustic Stone

Ideal for natural, grounded branding, balancing earthy beige with a deep red.

#D2B48C · #A9A9A9 · #8B0000

Crimson Glow

Excellent for subtle gradients or warm, inviting visual transitions in a user interface.

#A52A2A · #D2B48C · #F5F5DC

CSS variables

:root {
  --crimson-bloom-dawn-1: #8B0000;
  --crimson-bloom-dawn-2: #A52A2A;
  --crimson-bloom-dawn-3: #D2B48C;
  --crimson-bloom-dawn-4: #F5F5DC;
  --crimson-bloom-dawn-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-bloom-dawn": {
        1: "#8B0000",
        2: "#A52A2A",
        3: "#D2B48C",
        4: "#F5F5DC",
        5: "#A9A9A9",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#A52A2A

Color 3#D2B48C

Color 4#F5F5DC

Color 5#A9A9A9

Accessibility

Contrast checker

1.4:1Fail

5.1:1AA

9:1AAA

4.3:1AA18

1.4:1Fail

3.6:1AA18

6.4:1AA

3:1AA18

5.1:1AA

3.6:1AA18

1.8:1Fail

1.2:1Fail

9:1AAA

6.4:1AA

1.8:1Fail

2.1:1Fail

4.3:1AA18

3:1AA18

1.2:1Fail

2.1:1Fail

Similar palettes

More like Crimson Bloom Dawn

Parisian Bistro Charm

Spiced Crimson