Palette

Wild Rose Canyon

Robust reds and gentle pinks meet, inspired by tenacious wild roses blooming against a stark canyon backdrop.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wild Rose Canyon 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 Rose Canyon.

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

Data visualization

#8C3A4A#BF5E6A#E69C9C#6E2D38#52222A

Palette guide

How to use Wild Rose Canyon

Overview

The Wild Rose Canyon palette blends robust reds and gentle pinks, inspired by tenacious wild roses blooming against a stark canyon backdrop. This warm and rugged collection includes a deep #8C3A4A, a inviting #BF5E6A, the soft #E69C9C, a darker #6E2D38, and the most intense #52222A. For designers, these hues offer a unique balance of strength and delicate beauty, perfect for conveying resilience, natural elegance, or a touch of rustic charm. Developers can utilize this palette to craft interfaces that feel grounded and sophisticated, ideal for projects seeking a natural yet refined aesthetic.

Best used for

Outdoor and adventure brand identity
Rustic home decor and interior design
Winery or craft beverage branding
Historical or heritage site promotions
Nature photography portfolios
Masculine-leaning product packaging

Suggested color roles

primary

Use #8C3A4A as the main color to convey a sense of strength and natural beauty, suitable for primary brand elements.

secondary

Employ #BF5E6A for secondary elements, subheadings, or to introduce a warmer, more approachable tone.

accent

Apply #52222A for deep, grounding accents, important calls to action, or rich, contrasting text.

background

Utilize #E69C9C as a soft, muted background, offering a gentle canvas that allows the deeper rose tones to stand out.

text

For optimal readability, use #52222A or a dark charcoal for body text. #6E2D38 is also excellent for headings on light backgrounds.

Accessibility notes

Ensure strong contrast for text when using #BF5E6A on lighter backgrounds like #E69C9C.
The deepest shades, #6E2D38 and #52222A, are ideal for body text to ensure maximum readability on light backgrounds.
Avoid using #E69C9C for small text sizes, as it may not meet WCAG contrast requirements.
Test interactive elements to ensure they are clearly distinguishable and accessible against their backgrounds.

Recommended combinations

Canyon Depth

A powerful combination for headers, with #E69C9C as background, #52222A for titles, and #8C3A4A for accents.

#52222A · #E69C9C · #8C3A4A

Rose Bloom

Creates a harmonious blend for decorative elements, illustrations, or feature sections.

#BF5E6A · #8C3A4A · #E69C9C

Rugged Interface

A balanced trio for user interfaces, using #E69C9C for panels, #6E2D38 for text, and #BF5E6A for interactive elements.

#E69C9C · #6E2D38 · #BF5E6A

CSS variables

:root {
  --wild-rose-canyon-1: #8C3A4A;
  --wild-rose-canyon-2: #BF5E6A;
  --wild-rose-canyon-3: #E69C9C;
  --wild-rose-canyon-4: #6E2D38;
  --wild-rose-canyon-5: #52222A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wild-rose-canyon": {
        1: "#8C3A4A",
        2: "#BF5E6A",
        3: "#E69C9C",
        4: "#6E2D38",
        5: "#52222A",
      }
    }
  }
}

Hex values

Color 1#8C3A4A

Color 2#BF5E6A

Color 3#E69C9C

Color 4#6E2D38

Color 5#52222A

Accessibility

Contrast checker

1.8:1Fail

3.4:1AA18

1.3:1Fail

1.7:1Fail

1.8:1Fail

1.9:1Fail

2.4:1Fail

3.1:1AA18

3.4:1AA18

1.9:1Fail

4.6:1AA

5.9:1AA

1.3:1Fail

2.4:1Fail

4.6:1AA

1.3:1Fail

1.7:1Fail

3.1:1AA18

5.9:1AA

1.3:1Fail

Similar palettes

More like Wild Rose Canyon

Wild Rose Canyon

See it in context.

Ready when you are.

Built with Wild Rose Canyon.

How to use Wild Rose Canyon

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Canyon Depth

Rose Bloom

Rugged Interface

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Wild Rose Canyon