Back to palettes

Palette

Cybernetic Glacier Flow

Cold blues with an electric edge, blending the stark beauty of ice with a futuristic, clean aesthetic.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cybernetic Glacier Flow 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 Cybernetic Glacier Flow.

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

Data visualization

#00BFFF#1E90FF#87CEEB#B0E0E6#00008B

Palette guide

How to use Cybernetic Glacier Flow

Overview

The Cybernetic Glacier Flow palette presents a serene yet electric range of cool blues, blending the stark beauty of ice with a futuristic, clean aesthetic. From a deep, dark navy (#00008B) to a vibrant sky blue (#00BFFF) and a soft, icy pale blue (#B0E0E6), with intermediate shades like #1E90FF and #87CEEB, this palette creates a sense of depth and tranquility. Designers and developers will find it perfect for projects requiring a minimal, sophisticated, and technologically advanced look, evoking cold, vast digital landscapes or sleek, clean interfaces.

Best used for

  • Data visualization for scientific or environmental themes
  • Clean, minimalist website and app design
  • Corporate branding for tech or financial services
  • Medical or scientific interface design
  • Winter sports apparel or branding
  • Architectural visualization with a cool, modern feel

Suggested color roles

primary

Use #1E90FF (Dodger Blue) as a strong, clear blue for main interactive elements, important headings, or primary branding.

secondary

Apply #00BFFF (Deep Sky Blue) for secondary calls-to-action, active states, or to add a brighter, more open feel.

accent

Reserve #87CEEB (Sky Blue) for subtle highlights, indicators, or background textures, providing a gentle lift.

background

Utilize #00008B (Dark Blue) as the deepest blue, ideal for a profound, cool background that allows lighter blues to stand out.

text

Pair #B0E0E6 (Pale Blue) or white for general body text on dark backgrounds; use #00008B for text on lighter blues.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using mid-tone blues like #87CEEB on #1E90FF. Prioritize #B0E0E6 or white on darker blues.
  • Avoid using #00008B and #1E90FF as text/background pairs if the contrast is insufficient for critical information.
  • Use #00008B as a strong, dark background for lighter blues or white text, ensuring good readability.
  • For color-blind users, differentiate interactive elements with icons or underlines, not just subtle blue shifts.

Recommended combinations

Deep Freeze

Create a layered effect for backgrounds, with the dark blue as base, mid-blue for elements, and pale blue for highlights.

#00008B · #1E90FF · #B0E0E6

Arctic Interface

Ideal for clean, data-heavy UIs, using the dark blue for structure, vibrant blue for main data, and sky blue for secondary.

#00008B · #00BFFF · #87CEEB

Flowing Data

Use for gradients or progress bars, showing a smooth transition from deeper to lighter, icy blues.

#1E90FF · #87CEEB · #B0E0E6

CSS variables

:root {
  --cybernetic-glacier-flow-1: #00BFFF;
  --cybernetic-glacier-flow-2: #1E90FF;
  --cybernetic-glacier-flow-3: #87CEEB;
  --cybernetic-glacier-flow-4: #B0E0E6;
  --cybernetic-glacier-flow-5: #00008B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cybernetic-glacier-flow": {
        1: "#00BFFF",
        2: "#1E90FF",
        3: "#87CEEB",
        4: "#B0E0E6",
        5: "#00008B",
      }
    }
  }
}

Related searches

cool blue tech paletteglacier aesthetic colorsfuturistic clean bluesminimalist blue schemedigital ice colors

Palette colors

Hex values

Color 1#00BFFF
·
Color 2#1E90FF
·
Color 3#87CEEB
·
Color 4#B0E0E6
·
Color 5#00008B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.2:1Fail
1.5:1Fail
7.2:1AAA
2
1.5:1Fail
1.9:1Fail
2.3:1Fail
4.7:1AA
3
1.2:1Fail
1.9:1Fail
1.2:1Fail
8.8:1AAA
4
1.5:1Fail
2.3:1Fail
1.2:1Fail
10.7:1AAA
5
7.2:1AAA
4.7:1AA
8.8:1AAA
10.7:1AAA

Similar palettes

More like Cybernetic Glacier Flow

View all cool