Palette

Frozen Starlight Whisper

A serene blend of icy blues and starlit purples, reminiscent of a crisp winter night sky.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frozen Starlight Whisper 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 Frozen Starlight Whisper.

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

Data visualization

#0A1931#185E8C#4B8DC1#9FCDEE#D0E7F5

Palette guide

How to use Frozen Starlight Whisper

Overview

The "Frozen Starlight Whisper" palette offers a serene blend of icy blues and purples, reminiscent of a crisp winter night sky. This cool palette provides a sophisticated and deep aesthetic, perfect for designs that aim to evoke tranquility, mystery, and elegance. From the profound #0A1931, a deep navy, to the luminous #D0E7F5, a near-white icy blue, the palette offers a rich spectrum. Mid-tones like #185E8C, #4B8DC1, and #9FCDEE create a smooth, harmonious transition. It's an excellent choice for crafting immersive digital experiences, luxurious branding, or atmospheric illustrations that capture the quiet beauty of a starlit, frozen landscape, appealing to a refined audience.

Best used for

Luxury product websites
Astrology or space-themed apps
Elegant event invitations
Dark mode UI designs
Winter fashion branding
High-end digital art

Suggested color roles

primary

Utilize #185E8C as the main color for foundational elements like headers or primary navigation, offering a deep, stable presence.

secondary

Employ #4B8DC1 for supporting content, subheadings, or key graphical elements, providing a vibrant yet harmonious contrast.

accent

Introduce #9FCDEE for crisp highlights, interactive states, or small decorative elements, adding a luminous, starlit touch.

background

Use #0A1931 for a dramatic, immersive background in dark mode applications or for full-screen hero sections, ensuring profound depth.

text

For optimal readability on dark backgrounds, use #D0E7F5 or #9FCDEE. On lighter backgrounds, #0A1931 provides excellent contrast.

Accessibility notes

Ensure high contrast when pairing the darkest (#0A1931) with the lightest (#D0E7F5) colors for text, adhering to WCAG guidelines.
Avoid using #9FCDEE for small text on #D0E7F5, as the contrast might be insufficient for readability.
Interactive elements should clearly indicate their state; #4B8DC1 is excellent for hover or active states against darker blues.
Consider larger font sizes or bolding when using mid-tones like #9FCDEE on slightly darker blues to improve legibility for all users.

Recommended combinations

Night Frost

Perfect for creating a sophisticated dark mode interface or a dramatic background with stark, readable text.

#0A1931 · #185E8C · #D0E7F5

Starlight Glow

Ideal for data visualization or dashboards, where #4B8DC1 can highlight key metrics against a cool blue base.

#185E8C · #4B8DC1 · #9FCDEE

Icy Horizon

Excellent for hero sections or prominent calls-to-action, with #D0E7F5 for primary text and #4B8DC1 for buttons.

#D0E7F5 · #0A1931 · #4B8DC1

CSS variables

:root {
  --frozen-starlight-whisper-1: #0A1931;
  --frozen-starlight-whisper-2: #185E8C;
  --frozen-starlight-whisper-3: #4B8DC1;
  --frozen-starlight-whisper-4: #9FCDEE;
  --frozen-starlight-whisper-5: #D0E7F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frozen-starlight-whisper": {
        1: "#0A1931",
        2: "#185E8C",
        3: "#4B8DC1",
        4: "#9FCDEE",
        5: "#D0E7F5",
      }
    }
  }
}

Hex values

Color 1#0A1931

Color 2#185E8C

Color 3#4B8DC1

Color 4#9FCDEE

Color 5#D0E7F5

Accessibility

Contrast checker

2.5:1Fail

4.9:1AA

10.4:1AAA

13.7:1AAA

2.5:1Fail

1.9:1Fail

4.1:1AA18

5.4:1AA

4.9:1AA

1.9:1Fail

2.1:1Fail

2.8:1Fail

10.4:1AAA

4.1:1AA18

2.1:1Fail

1.3:1Fail

13.7:1AAA

5.4:1AA

2.8:1Fail

1.3:1Fail

Similar palettes

More like Frozen Starlight Whisper

Arctic Sapphire Glimmer

Berry Glaze Frost

Frost Berry Chill