Palette

Digital Circuit Flow

Electric greens pulsating with the dynamic energy of a futuristic digital circuit board.

vibrantenergetic5 colors

More vibrant 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

#00FFC0#00CC99#009973#00664D#003326

Palette guide

How to use Digital Circuit Flow

Overview

The Digital Circuit Flow palette (ID: digital-circuit-flow) is a vibrant and energetic collection of electric greens, pulsating with the dynamic energy of a futuristic digital circuit board. From the dazzling #00FFC0 to the deep, grounding #003326, and including intermediate shades like #00CC99 and #009973, this palette is perfect for designs that demand a high-tech, cyber, and bright aesthetic. Designers can leverage its strong visual impact and consistent color temperature to create engaging user interfaces, powerful branding, or striking digital art that evokes speed and innovation.

Best used for

Cyberpunk game interfaces
AI and machine learning platforms
Tech startup branding
Vibrant digital art installations
Esports team branding
Futuristic product design

Suggested color roles

primary

The deepest shade, #003326, provides a robust, dark base, ideal for backgrounds, containers, or primary text.

secondary

Use #00664D for secondary backgrounds, hover states, or subtle layering, adding depth without losing the tech feel.

accent

The brilliant #00FFC0 serves as a powerful accent for interactive elements, glowing effects, or critical call-to-action buttons.

background

#003326 or a pure black offers an ideal dark canvas, allowing the brighter greens to truly pop and simulate a digital glow.

text

For text, #00FFC0 or #00CC99 on #003326 provides excellent readability and a high-tech, energetic aesthetic.

Accessibility notes

Ensure strong contrast for text, especially using #00FFC0 or #00CC99 on very dark backgrounds like #003326 or black.
Avoid using mid-tone colors like #009973 for small text on similar backgrounds, as contrast may be insufficient.
The brightest color, #00FFC0, provides excellent visibility for primary content and interactive elements.
For body text, use #00CC99 or #009973 against a dark background to maintain readability and the digital aesthetic.

Recommended combinations

Electric Core

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

#003326 · #00FFC0 · #009973

Data Pulse

Excellent for subtle gradients or animated pathways, mimicking data flow with a harmonious, energetic progression.

#00664D · #009973 · #00CC99

Vibrant Command

Use for prominent call-to-actions or alerts, ensuring they command attention with a bright, energetic pop.

#00FFC0 · #003326 · #00CC99

CSS variables

:root {
  --digital-circuit-flow-1: #00FFC0;
  --digital-circuit-flow-2: #00CC99;
  --digital-circuit-flow-3: #009973;
  --digital-circuit-flow-4: #00664D;
  --digital-circuit-flow-5: #003326;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "digital-circuit-flow": {
        1: "#00FFC0",
        2: "#00CC99",
        3: "#009973",
        4: "#00664D",
        5: "#003326",
      }
    }
  }
}

Hex values

Color 1#00FFC0

Color 2#00CC99

Color 3#009973

Color 4#00664D

Color 5#003326

Accessibility

Contrast checker

1.6:1Fail

2.8:1Fail

5.3:1AA

10.7:1AAA

1.6:1Fail

1.7:1Fail

3.4:1AA18

6.7:1AA

2.8:1Fail

1.7:1Fail

1.9:1Fail

3.9:1AA18

5.3:1AA

3.4:1AA18

1.9:1Fail

2:1Fail

10.7:1AAA

6.7:1AA

3.9:1AA18

2:1Fail

Similar palettes

More like Digital Circuit Flow

View all vibrant

Digital Screen Glow

Techno Future

Cybernetic Matrix Blue

Cyberpunk Glitch Neon

Digital Glitch Matrix

Digital Pixel Bloom