Palette

Frosted Winter Elegance

A sophisticated cool palette inspired by crisp winter mornings and silent snowfalls.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Winter Elegance 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 Frosted Winter Elegance.

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

Data visualization

#E0E5E9#B0C4DE#6A8AA4#34495E#1F2D3D

Palette guide

How to use Frosted Winter Elegance

Overview

The Frosted Winter Elegance palette embodies sophistication and depth, drawing inspiration from crisp winter mornings and silent snowfalls. This cool-toned collection transitions from the very light #E0E5E9 (Light Grayish Blue) to the profound #1F2D3D (Dark Charcoal), with intermediate shades like #B0C4DE (Light Steel Blue), #6A8AA4 (Slate Gray), and #34495E (Dark Blue-Gray). Each color contributes to a refined, elegant aesthetic that is both calming and authoritative. Ideal for designs that require a polished, timeless feel, this palette offers excellent versatility for creating clear visual hierarchies and impactful statements.

Best used for

Luxury brand identity and corporate websites
High-end fashion or jewelry marketing
Elegant event invitations and decor
Professional and minimalist UI/UX design
Winter-themed editorial content for sophisticated audiences
Architectural or interior design presentations

Suggested color roles

primary

The deepest shade, #1F2D3D, serves as a strong, elegant anchor for primary text, navigation, or powerful statements.

secondary

A solid, mid-tone blue-gray like #34495E for supporting information, sub-headings, or key interactive elements.

accent

The lighter, more vibrant #6A8AA4 can be used sparingly for subtle highlights, interactive states, or decorative lines.

background

The lightest hue, #E0E5E9, provides a clean, expansive, and sophisticated canvas, ensuring readability.

text

For dark text, use #1F2D3D or #34495E on #E0E5E9. For light text on darker backgrounds, #E0E5E9 offers excellent contrast.

Accessibility notes

Ensure high contrast between text and background, especially when using lighter shades for text on mid-tone backgrounds.
The darkest colors (#1F2D3D, #34495E) provide excellent contrast for text on #E0E5E9 and #B0C4DE.
Avoid using #B0C4DE or #6A8AA4 for small body text on #E0E5E9 as contrast may be insufficient.
Always verify WCAG compliance for interactive elements and critical information display.

Recommended combinations

Deep Sophistication

Creates a powerful, elegant contrast for branding, titles, and clean backgrounds.

#1F2D3D · #34495E · #E0E5E9

Refined Harmony

A softer blend for spacious layouts, offering subtle depth and a sense of calm.

#B0C4DE · #6A8AA4 · #E0E5E9

Winter Depth

Ideal for creating strong visual weight and clear hierarchy within darker sections.

#6A8AA4 · #34495E · #1F2D3D

CSS variables

:root {
  --frosted-winter-elegance-1: #E0E5E9;
  --frosted-winter-elegance-2: #B0C4DE;
  --frosted-winter-elegance-3: #6A8AA4;
  --frosted-winter-elegance-4: #34495E;
  --frosted-winter-elegance-5: #1F2D3D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-winter-elegance": {
        1: "#E0E5E9",
        2: "#B0C4DE",
        3: "#6A8AA4",
        4: "#34495E",
        5: "#1F2D3D",
      }
    }
  }
}

Hex values

Color 1#E0E5E9

Color 2#B0C4DE

Color 3#6A8AA4

Color 4#34495E

Color 5#1F2D3D

Accessibility

Contrast checker

1.4:1Fail

2.9:1Fail

7.3:1AAA

11:1AAA

1.4:1Fail

2:1Fail

5.2:1AA

7.9:1AAA

2.9:1Fail

2:1Fail

2.6:1Fail

3.9:1AA18

7.3:1AAA

5.2:1AA

2.6:1Fail

1.5:1Fail

11:1AAA

7.9:1AAA

3.9:1AA18

1.5:1Fail

Similar palettes

More like Frosted Winter Elegance

View all cool

Celestial Ice Sparkle

Winter Aurora Whisper

Art Deco Metropolis

Art Deco Sapphire

Aurora Horizon Whisper

Azure Sapphire Gleam