Back to palettes

Palette

Icy Peak Horizon

Pristine blues representing the crisp, clear air and shimmering glaciers atop a majestic mountain range.

CoolCalm5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Icy Peak Horizon 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 Icy Peak Horizon.

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

Data visualization

#B7D9E7#85B5CC#5291B2#206D97#0B466B

Palette guide

How to use Icy Peak Horizon

Overview

The "Icy Peak Horizon" palette presents a stunning gradient of pristine blues, moving from the ethereal #B7D9E7 to the profound #0B466B. This collection is expertly curated for designers and developers aiming to convey clarity, depth, and a sense of majestic scale. It’s perfect for projects related to technology, outdoor adventure, or any brand seeking a clean, professional, and trustworthy aesthetic. The progressive shades allow for seamless transitions in UI elements, data visualizations, or brand storytelling, ensuring a cohesive and visually appealing experience across various digital platforms.

Best used for

  • Outdoor adventure and sports brands
  • Tech startup website designs
  • Environmental science organizations
  • Data visualization and dashboards
  • Corporate branding with a modern edge
  • Luxury travel destinations (mountain focus)

Suggested color roles

primary

Utilize #206D97 (Steel Blue) for primary calls-to-action, important headings, or main navigation, providing a strong, confident presence.

secondary

Apply #5291B2 (Cadet Blue) for sub-headers, secondary buttons, or background panels that need a slightly softer yet distinct blue.

accent

Designate #85B5CC (Light Steel Blue) for subtle highlights, interactive states, or small icons, offering a gentle visual cue.

background

Employ #B7D9E7 (Light Blue) as a clean, expansive background color, ensuring excellent readability and an open, airy feel.

text

For primary body text, #0B466B (Dark Blue) offers optimal contrast against lighter backgrounds like #B7D9E7, ensuring strong readability and depth.

Accessibility notes

  • Ensure #0B466B text on #B7D9E7 background meets WCAG AAA contrast for optimal readability.
  • Avoid using #85B5CC for small text on #B7D9E7 backgrounds due to insufficient contrast.
  • Verify all interactive elements have clear and distinct focus states, especially against similar blue tones.
  • Use the darker blues for crucial information to ensure visibility for all users.

Recommended combinations

Depth & Clarity

Ideal for content: #B7D9E7 as a clean background, #0B466B for body text, and #206D97 for headings or impactful links.

#B7D9E7 · #0B466B · #206D97

Gradient UI

Create a subtle gradient effect for cards or hero sections, transitioning from #5291B2 to #206D97, with #0B466B for text.

#5291B2 · #206D97 · #0B466B

Accent & Hover

Use #206D97 for a default button, #85B5CC for its hover state, and #5291B2 for a subtle border or icon within.

#206D97 · #85B5CC · #5291B2

CSS variables

:root {
  --icy-peak-horizon-1: #B7D9E7;
  --icy-peak-horizon-2: #85B5CC;
  --icy-peak-horizon-3: #5291B2;
  --icy-peak-horizon-4: #206D97;
  --icy-peak-horizon-5: #0B466B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "icy-peak-horizon": {
        1: "#B7D9E7",
        2: "#85B5CC",
        3: "#5291B2",
        4: "#206D97",
        5: "#0B466B",
      }
    }
  }
}

Related searches

blue gradient color palettemountain inspired colorscool professional web designclear blue ui themedeep ocean brand colors

Palette colors

Hex values

Color 1#B7D9E7
·
Color 2#85B5CC
·
Color 3#5291B2
·
Color 4#206D97
·
Color 5#0B466B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.8:1AA18
6.7:1AA
2
1.5:1Fail
1.6:1Fail
2.6:1Fail
4.5:1AA
3
2.3:1Fail
1.6:1Fail
1.6:1Fail
2.9:1Fail
4
3.8:1AA18
2.6:1Fail
1.6:1Fail
1.8:1Fail
5
6.7:1AA
4.5:1AA
2.9:1Fail
1.8:1Fail

Similar palettes

More like Icy Peak Horizon

View all Cool
Glacial Cave Depths
Nordic Winter Bloom
Alpine Lake Dawn
Arctic Glacier Lagoon
Arctic Glacier Melt
Frosted Winter Evergreen