Back to palettes

Palette

Arctic Frostbite

A crisp and chilling array reflecting frozen landscapes, deep waters, and the clear, cold arctic sky.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic Frostbite 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 Arctic Frostbite.

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

Data visualization

#D4F1F4#75E6DA#46B3B8#187DE0#003366

Palette guide

How to use Arctic Frostbite

Overview

The Arctic Frostbite palette is a crisp and chilling array, reflecting frozen landscapes, deep waters, and the clear, cold arctic sky. With a dynamic range from the light #D4F1F4 to the profound #003366, this collection offers designers and developers a powerful aesthetic for conveying seriousness, depth, and a cool, modern edge. The prominent #75E6DA and #46B3B8 provide vibrant yet icy mid-tones, perfect for establishing clear visual hierarchies in UI, impactful branding, and engaging digital experiences. It’s an excellent choice for projects that aim to evoke professionalism, clarity, and a strong, cool identity.

Best used for

  • Tech and software company branding
  • Environmental data dashboards
  • Winter sports apparel websites
  • Marine or aquatic conservation groups
  • Modern corporate presentations
  • Scientific research platforms

Suggested color roles

primary

#187DE0 (A striking, deep blue, excellent for main headings, crucial call-to-action buttons, or key UI elements that demand attention.)

secondary

#46B3B8 (A vibrant teal, ideal for subheadings, secondary interactive elements, or supporting graphical features, providing a refreshing contrast.)

accent

#75E6DA (A bright, almost neon aqua, perfect for energetic accents, hover states, or small but impactful elements that need to pop.)

background

#D4F1F4 (A very light, cool blue-white, serving as a pristine backdrop that enhances readability and provides an expansive, fresh feel.)

text

#003366 (The darkest color in the palette, providing excellent contrast for body text on lighter backgrounds, ensuring high readability.)

Accessibility notes

  • Ensure #003366 text on #D4F1F4 background meets WCAG AAA standards for optimal readability.
  • Avoid using #75E6DA or #D4F1F4 for text on similar light backgrounds, as contrast will be insufficient.
  • The vibrant #187DE0 and #46B3B8 should be tested for contrast when used with text or interactive elements on lighter blues.
  • Always check contrast ratios for critical information and interactive components to ensure optimal readability for all users.

Recommended combinations

Deep Impact

Ideal for a clean background with strong primary text and a bold blue for headings or key actions.

#D4F1F4 · #003366 · #187DE0

Vibrant Flow

Use for creating dynamic visual flows, progress indicators, or layered graphical elements.

#75E6DA · #46B3B8 · #187DE0

Aqua Accent

Apply the teal for main content, the lightest for background, and the aqua for energetic highlights.

#46B3B8 · #D4F1F4 · #75E6DA

CSS variables

:root {
  --arctic-frostbite-1: #D4F1F4;
  --arctic-frostbite-2: #75E6DA;
  --arctic-frostbite-3: #46B3B8;
  --arctic-frostbite-4: #187DE0;
  --arctic-frostbite-5: #003366;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-frostbite": {
        1: "#D4F1F4",
        2: "#75E6DA",
        3: "#46B3B8",
        4: "#187DE0",
        5: "#003366",
      }
    }
  }
}

Related searches

deep arctic blue palettecold water color schemefrosty tech brandingvibrant cool UI designwinter blue web colors

Palette colors

Hex values

Color 1#D4F1F4
·
Color 2#75E6DA
·
Color 3#46B3B8
·
Color 4#187DE0
·
Color 5#003366
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.1:1Fail
3.5:1AA18
10.6:1AAA
2
1.3:1Fail
1.7:1Fail
2.8:1Fail
8.5:1AAA
3
2.1:1Fail
1.7:1Fail
1.7:1Fail
5:1AA
4
3.5:1AA18
2.8:1Fail
1.7:1Fail
3:1AA18
5
10.6:1AAA
8.5:1AAA
5:1AA
3:1AA18

Similar palettes

More like Arctic Frostbite

View all cool
Arctic Lagoon Glaze
Arctic Sapphire Glimmer
Aqua Marine Vista
Arctic Frost Jewel
Arctic Glacier Melt
Arctic Lake Glass