Palette

Crimson Ridge Sunset

A blazing transition of intense reds, oranges, and golds captures the drama of a ridge-line sunset.

Vibrantenergetic5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#900C3F#C70039#FF5733#FFC300#DAF7A6

Palette guide

How to use Crimson Ridge Sunset

Overview

The "Crimson Ridge Sunset" palette offers a blazing transition of intense reds, oranges, and golds, capturing the drama of a ridge-line sunset. This vibrant collection features a deep #900C3F (Dark Raspberry), a bold #C70039 (Crimson Red), a fiery #FF5733 (Orange Red), a bright #FFC300 (Vibrant Yellow), and a fresh #DAF7A6 (Pale Green). Designers can leverage this palette to create energetic, passionate, and visually dramatic aesthetics, perfect for evoking excitement and natural spectacle. Its strong contrasts and unique blend of warm and cool tones provide versatility for dynamic and memorable designs. Developers will find these hex codes ideal for adventurous branding, event promotion, or any design requiring a powerful, vibrant, and engaging appeal.

Best used for

Vibrant event promotion
Outdoor adventure and sports branding
Dramatic website hero sections
Summer or autumn festival marketing
Nature photography and illustration
Youth-oriented fashion or lifestyle brands

Suggested color roles

primary

Use #900C3F (Dark Raspberry) for main headings, strong brand elements, or deep background sections, establishing a powerful, unique foundation.

secondary

Apply #C70039 (Crimson Red) for supporting content, subheadings, or borders, providing a vibrant, energetic tone.

accent

Feature #FFC300 (Vibrant Yellow) for dazzling highlights, interactive elements, or calls to action, drawing immediate attention.

background

Utilize #DAF7A6 (Pale Green) for clean content areas or as a soft, inviting background, ensuring excellent readability with dark text.

text

For dark backgrounds like #900C3F or #C70039, use white or a very light off-white. For lighter backgrounds like #FF5733, #FFC300, or #DAF7A6, a deep charcoal or black provides optimal readability.

Accessibility notes

Ensure sufficient contrast for dark text on #FF5733 (Orange Red), #FFC300 (Vibrant Yellow), and #DAF7A6 (Pale Green); dark text is crucial.
Pair lighter text (e.g., #FFFFFF) with #900C3F (Dark Raspberry) and #C70039 (Crimson Red) for optimal legibility.
Avoid using #FF5733 (Orange Red) with #FFC300 (Vibrant Yellow) for text/background without careful contrast checking due to their similar luminosities.
The #DAF7A6 (Pale Green) offers good contrast with darker colors, but ensure it's not used as text on light backgrounds.

Recommended combinations

Blazing Ridge

Creating high-impact hero sections or calls to action, combining dark raspberry with fiery orange-red and dazzling yellow for drama.

#900C3F · #FF5733 · #FFC300

Sunset Gradient

Smooth, energetic gradients for background elements or content blocks, transitioning from crimson red to orange-red and a refreshing pale green.

#C70039 · #FF5733 · #DAF7A6

Vibrant Focus

Establishing a clear visual hierarchy, using vibrant yellow for highlights against strong raspberry and crimson red for emphasis.

#FFC300 · #900C3F · #C70039

CSS variables

:root {
  --crimson-ridge-sunset-1: #900C3F;
  --crimson-ridge-sunset-2: #C70039;
  --crimson-ridge-sunset-3: #FF5733;
  --crimson-ridge-sunset-4: #FFC300;
  --crimson-ridge-sunset-5: #DAF7A6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-ridge-sunset": {
        1: "#900C3F",
        2: "#C70039",
        3: "#FF5733",
        4: "#FFC300",
        5: "#DAF7A6",
      }
    }
  }
}

Hex values

Color 1#900C3F

Color 2#C70039

Color 3#FF5733

Color 4#FFC300

Color 5#DAF7A6

Accessibility

Contrast checker

1.5:1Fail

2.9:1Fail

5.7:1AA

7.7:1AAA

1.5:1Fail

1.9:1Fail

3.7:1AA18

5.1:1AA

2.9:1Fail

1.9:1Fail

2:1Fail

2.7:1Fail

5.7:1AA

3.7:1AA18

2:1Fail

1.4:1Fail

7.7:1AAA

5.1:1AA

2.7:1Fail

1.4:1Fail

Similar palettes

More like Crimson Ridge Sunset

Coral Reef Kaleidoscope