Back to palettes

Palette

Fjords Ice Chill

Serene blues and cool grays reflecting the pristine, icy beauty of a fjord landscape in winter.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fjords Ice 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 Fjords Ice Chill.

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

Data visualization

#BCD2D6#9CBACF#7896B2#5E7790#4A5D70

Palette guide

How to use Fjords Ice Chill

Overview

The 'Fjords Ice Chill' palette captures the pristine, icy beauty of a winter fjord landscape through a gradient of serene blues and cool grays. From the light, ethereal #BCD2D6 to the deep, anchoring #4A5D70, this collection offers designers and developers a sophisticated range for creating minimalist and elegant designs. The mid-tones like #9CBACF, #7896B2, and #5E7790 provide versatility for layered interfaces and subtle depth. This palette is perfect for projects requiring a sense of calm, professionalism, and understated elegance, reflecting a clean and modern aesthetic suitable for various digital and print applications.

Best used for

  • High-tech corporate branding
  • Luxury product websites
  • Winter sports apparel design
  • Minimalist user interfaces (UI)
  • Architectural visualizations
  • Environmental conservation campaigns

Suggested color roles

primary

#4A5D70 - A deep, authoritative blue-grey ideal for main headings, navigation bars, or strong brand accents.

secondary

#7896B2 - Use for subheadings, prominent secondary elements, or larger blocks of color to provide visual weight and sophistication.

accent

#9CBACF - A softer, calming blue that works well for subtle interactive states, icons, or to highlight key information without overpowering.

background

#BCD2D6 - A very light, cool blue-grey background that creates a clean, expansive canvas, promoting readability and a fresh feel.

text

#4A5D70 - Excellent for body text against lighter backgrounds like #BCD2D6, offering strong contrast and maintaining the palette's cool integrity.

Accessibility notes

  • Ensure #4A5D70 text on #BCD2D6 background meets WCAG contrast ratios for optimal readability.
  • Exercise caution when using #9CBACF or #BCD2D6 for text, especially on similar light backgrounds, due to potential low contrast.
  • Verify that interactive elements colored with #7896B2 have sufficient contrast against their surrounding elements.
  • For critical information, avoid pairing the lightest colors (#BCD2D6) with each other as text and background.

Recommended combinations

Ice Depth

For hero images or prominent sections, creating a strong visual hierarchy with cool, receding tones.

#4A5D70 · #7896B2 · #BCD2D6

Winter Gradient

Ideal for subtle gradients in backgrounds or graphical elements, adding depth and a frosty touch.

#5E7790 · #9CBACF · #BCD2D6

Cool Contrast

Effective for content cards or UI modules, where a light base is accented by deeper, grounding blues.

#BCD2D6 · #7896B2 · #4A5D70

CSS variables

:root {
  --fjords-ice-chill-1: #BCD2D6;
  --fjords-ice-chill-2: #9CBACF;
  --fjords-ice-chill-3: #7896B2;
  --fjords-ice-chill-4: #5E7790;
  --fjords-ice-chill-5: #4A5D70;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fjords-ice-chill": {
        1: "#BCD2D6",
        2: "#9CBACF",
        3: "#7896B2",
        4: "#5E7790",
        5: "#4A5D70",
      }
    }
  }
}

Related searches

ice blue grey paletteminimalist cool colorswinter aesthetic brandingserene blue UI designarctic color scheme

Palette colors

Hex values

Color 1#BCD2D6
·
Color 2#9CBACF
·
Color 3#7896B2
·
Color 4#5E7790
·
Color 5#4A5D70
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
3:1Fail
4.3:1AA18
2
1.3:1Fail
1.5:1Fail
2.3:1Fail
3.3:1AA18
3
2:1Fail
1.5:1Fail
1.5:1Fail
2.2:1Fail
4
3:1Fail
2.3:1Fail
1.5:1Fail
1.5:1Fail
5
4.3:1AA18
3.3:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Fjords Ice Chill

View all cool
Alpine Frost Serenity
Frozen Lake Reflection
Glacial Lake Mist
Moonstone Glacier Gleam
Arctic Dawn Light
Arctic Glacier Chill