Palette

Digital Circuit Flow

A sleek, modern collection of electric blues and cyans, simulating the vibrant flow within a digital circuit.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Digital Circuit 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 Digital Circuit Flow.

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

Data visualization

#00FFFF#00CED1#48D1CC#20B2AA#087F8C

Palette guide

How to use Digital Circuit Flow

Overview

The Digital Circuit Flow palette (ID: digital-circuit-flow-2) offers a sleek and modern collection of electric blues and cyans, simulating the vibrant flow within a digital circuit. Ranging from the electrifying #00FFFF to the deep, grounding #087F8C, with intermediate shades like #00CED1 and #48D1CC, this palette is perfect for designs that aim for a clean, cool, and technologically advanced aesthetic. Designers can leverage its strong visual energy and harmonious progression to create dynamic user interfaces, modern branding, or compelling digital art that feels both precise and fluid.

Best used for

High-tech corporate websites
Software application UI
Data visualization tools
Modern gaming platforms
Cybersecurity firm branding
Science and technology publications

Suggested color roles

primary

The deepest shade, #087F8C, provides a strong, stable base for main navigation, backgrounds, or primary text elements.

secondary

Use #20B2AA for secondary headings, interactive elements, or significant graphic elements, offering a balanced middle ground.

accent

The brilliant #00FFFF is ideal for highlights, active states, loading indicators, or critical call-to-action buttons, demanding attention.

background

A very dark gray or black provides the best contrast, allowing these cool blues and cyans to truly glow. Alternatively, use #087F8C for a dark theme.

text

For body text, #00FFFF or #48D1CC on a dark background like #087F8C or black offers excellent readability and a futuristic feel.

Accessibility notes

Ensure high contrast for text, especially using #00FFFF or #00CED1 on very dark backgrounds like #087F8C or black.
Avoid using mid-tone colors like #20B2AA for small text on similar backgrounds, as contrast may be insufficient.
The brightest color, #00FFFF, provides excellent visibility for key information and interactive elements.
For body text, use #48D1CC or #00CED1 against a dark background to maintain readability and the digital aesthetic.

Recommended combinations

Electric Flow

Creates a dynamic, high-contrast look for dark interfaces, emphasizing glowing elements and key information.

#087F8C · #00FFFF · #48D1CC

Aqua Gradient

Excellent for animated backgrounds or subtle visual transitions, mimicking fluid data streams.

#00CED1 · #48D1CC · #20B2AA

Highlight Pop

Use for prominent interactive elements or alerts, ensuring they stand out with a vibrant, cool energy.

#20B2AA · #00FFFF · #087F8C

CSS variables

:root {
  --digital-circuit-flow-2-1: #00FFFF;
  --digital-circuit-flow-2-2: #00CED1;
  --digital-circuit-flow-2-3: #48D1CC;
  --digital-circuit-flow-2-4: #20B2AA;
  --digital-circuit-flow-2-5: #087F8C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "digital-circuit-flow-2": {
        1: "#00FFFF",
        2: "#00CED1",
        3: "#48D1CC",
        4: "#20B2AA",
        5: "#087F8C",
      }
    }
  }
}

Hex values

Color 1#00FFFF

Color 2#00CED1

Color 3#48D1CC

Color 4#20B2AA

Color 5#087F8C

Accessibility

Contrast checker

1.6:1Fail

1.5:1Fail

2.1:1Fail

3.8:1AA18

1.6:1Fail

1:1Fail

1.3:1Fail

2.4:1Fail

1.5:1Fail

1:1Fail

1.4:1Fail

2.5:1Fail

2.1:1Fail

1.3:1Fail

1.4:1Fail

1.8:1Fail

3.8:1AA18

2.4:1Fail

2.5:1Fail

1.8:1Fail

Similar palettes

More like Digital Circuit Flow

View all cool

Digital Interface Blue

Sci-Fi Interface Blue

Cyber Cityscape

Digital Rainstorm

Glass Block Refresh

Industrial Edge Steel