Palette

Crimson Glacier Peaks

A striking contrast of fiery reds against the stark beauty of icy blue and white mountain peaks at sunset.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B0000#FFD700#ADD8E6#F0F8FF#4682B4

Palette guide

How to use Crimson Glacier Peaks

Overview

The "Crimson Glacier Peaks" palette offers a striking contrast of fiery reds against the stark beauty of icy blue and white mountain peaks at sunset. This vibrant collection includes a bold Dark Red #8B0000, a bright Gold #FFD700, a soft Light Blue #ADD8E6, a crisp Alice Blue #F0F8FF, and a strong Steel Blue #4682B4. Designers can leverage this palette to create dynamic, energetic, and visually dramatic aesthetics, perfect for evoking adventure and natural wonder. Its unique combination of warm and cool tones allows for powerful visual narratives and distinct sectioning. Developers will find these hex codes ideal for travel websites, outdoor adventure brands, or any design requiring a bold, contrasting, and memorable appeal.

Best used for

Outdoor adventure and travel branding
Nature photography portfolios
Winter sports marketing materials
Dramatic website hero images
Environmental awareness campaigns
Fantasy game environment design

Suggested color roles

primary

Use #8B0000 (Dark Red) for main headings, calls to action, or key brand elements, symbolizing warmth and strength.

secondary

Apply #4682B4 (Steel Blue) for navigation, secondary information, or background sections, representing coolness and stability.

accent

Feature #FFD700 (Gold) for vibrant highlights, interactive states, or subtle decorative details, adding a touch of sunrise glow.

background

Utilize #F0F8FF (Alice Blue) or #ADD8E6 (Light Blue) for main content areas or clean backgrounds, providing a crisp, airy feel.

text

For dark backgrounds like #8B0000 or #4682B4, use white or a very light off-white. For lighter backgrounds like #ADD8E6, #F0F8FF, or #FFD700, a deep charcoal or black provides optimal readability.

Accessibility notes

Ensure high contrast for text on #FFD700 (Gold), #ADD8E6 (Light Blue), and #F0F8FF (Alice Blue); dark text is crucial.
Pair lighter text (e.g., #FFFFFF) with #8B0000 (Dark Red) and #4682B4 (Steel Blue) for optimal legibility.
Avoid using #ADD8E6 (Light Blue) with #F0F8FF (Alice Blue) for text/background without very careful contrast verification due to their proximity.
The strong contrast between red and blue can be visually striking, but ensure text size and weight are adequate for readability.

Recommended combinations

Sunset Peaks

Creating dramatic hero sections or visual breaks, combining deep red and steel blue with a crisp white for a striking landscape effect.

#8B0000 · #4682B4 · #F0F8FF

Golden Glacier

Highlighting specific content or interactive elements, using light blue with a gold accent and steel blue for depth.

#ADD8E6 · #FFD700 · #4682B4

Vibrant Horizon

Bold calls to action or energetic headers, contrasting dark red with white and gold for maximum visual impact.

#8B0000 · #F0F8FF · #FFD700

CSS variables

:root {
  --crimson-glacier-peaks-1: #8B0000;
  --crimson-glacier-peaks-2: #FFD700;
  --crimson-glacier-peaks-3: #ADD8E6;
  --crimson-glacier-peaks-4: #F0F8FF;
  --crimson-glacier-peaks-5: #4682B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "crimson-glacier-peaks": {
        1: "#8B0000",
        2: "#FFD700",
        3: "#ADD8E6",
        4: "#F0F8FF",
        5: "#4682B4",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#FFD700

Color 3#ADD8E6

Color 4#F0F8FF

Color 5#4682B4

Accessibility

Contrast checker

7.1:1AAA

6.6:1AA

9.3:1AAA

2.4:1Fail

7.1:1AAA

1.1:1Fail

1.3:1Fail

2.9:1Fail

6.6:1AA

1.1:1Fail

1.4:1Fail

2.7:1Fail

9.3:1AAA

1.3:1Fail

1.4:1Fail

3.8:1AA18

2.4:1Fail

2.9:1Fail

2.7:1Fail

3.8:1AA18

Similar palettes

More like Crimson Glacier Peaks

View all vibrant

Carnival Kaleidoscope