Palette

Tundra Edge Chill

A stark and breathtaking palette reflecting the raw, powerful beauty of a frozen mountain peak, cold and imposing.

cooldark5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tundra Edge Chill 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 Tundra Edge Chill.

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

Data visualization

#6A5ACD#191970#C0C0C0#F0F8FF#4F4F4F

Palette guide

How to use Tundra Edge Chill

Overview

The Tundra Edge Chill palette captures the stark, breathtaking beauty of a frozen mountain peak, evoking a sense of raw power and imposing coldness. It features deep, mysterious blues like #191970 and #6A5ACD, contrasted sharply with the icy #C0C0C0 and the crisp, near-white #F0F8FF. The grounding #4F4F4F adds a touch of rugged solidity. This collection is perfect for designers and developers aiming for a sophisticated, dark, and impactful aesthetic. It conveys strength, resilience, and a modern edge, ideal for brands seeking to communicate seriousness, innovation, and a powerful, cool presence.

Best used for

Luxury brand websites or marketing
High-performance automotive design
Winter sports equipment branding
Cybersecurity or technology company interfaces
Dark mode UI/UX themes
Photography portfolios for dramatic landscapes

Suggested color roles

primary

#191970 serves as a deep, dominant background or primary text color, establishing a strong, dark foundation.

secondary

#6A5ACD offers a rich, cool accent for headers, key data points, or interactive elements, adding depth.

accent

#F0F8FF, a crisp near-white, provides powerful contrast for critical information, calls to action, or highlights against dark backgrounds.

background

#191970 for a deep, dramatic dark mode aesthetic, or #F0F8FF for a clean, icy light mode background.

text

#F0F8FF (near-white) for legibility on dark backgrounds like #191970, or a deep charcoal like #4F4F4F on lighter backgrounds.

Accessibility notes

Ensure high contrast when using #F0F8FF for text on dark colors like #191970 and #6A5ACD.
The subtle difference between #C0C0C0 and #F0F8FF means they should not be used for critical distinctions.
Always test text on backgrounds for WCAG AA or AAA compliance, especially with the darker blues.
Avoid using #4F4F4F on #191970 for text due to insufficient contrast.

Recommended combinations

Deep Contrast

Dark mode themes, bold headers, and striking calls to action.

#191970 · #F0F8FF · #6A5ACD

Icy Edge

Sophisticated gradients, secondary content blocks, or subtle UI elements.

#6A5ACD · #C0C0C0 · #4F4F4F

Frozen Peak

Clean light mode backgrounds, dark text, and subtle grey accents.

#F0F8FF · #191970 · #C0C0C0

CSS variables

:root {
  --tundra-edge-chill-1: #6A5ACD;
  --tundra-edge-chill-2: #191970;
  --tundra-edge-chill-3: #C0C0C0;
  --tundra-edge-chill-4: #F0F8FF;
  --tundra-edge-chill-5: #4F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tundra-edge-chill": {
        1: "#6A5ACD",
        2: "#191970",
        3: "#C0C0C0",
        4: "#F0F8FF",
        5: "#4F4F4F",
      }
    }
  }
}

Hex values

Color 1#6A5ACD

Color 2#191970

Color 3#C0C0C0

Color 4#F0F8FF

Color 5#4F4F4F

Accessibility

Contrast checker

2.8:1Fail

2.9:1Fail

4.9:1AA

1.5:1Fail

2.8:1Fail

8.2:1AAA

13.8:1AAA

1.8:1Fail

2.9:1Fail

8.2:1AAA

1.7:1Fail

4.5:1AA

4.9:1AA

13.8:1AAA

1.7:1Fail

7.6:1AAA

1.5:1Fail

1.8:1Fail

4.5:1AA

7.6:1AAA

Similar palettes

More like Tundra Edge Chill

Midnight Ocean Trench

Mystic Cavern Glow