Back to palettes

Palette

Digital Circuit Board

A vibrant monochrome palette of electric greens, reflecting the intricate glowing pathways of a digital circuit board.

monochromeenergetic5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FF00#00CC00#009900#006600#003300

Palette guide

How to use Digital Circuit Board

Overview

The Digital Circuit Board palette (ID: digital-circuit-board-2) is a vibrant monochrome collection of electric greens, perfectly mimicking the glowing pathways of a digital circuit. Ranging from the intensely bright #00FF00 to the deep, grounding #003300, these shades offer designers a powerful tool for tech-inspired, energetic, and futuristic designs. The strong, consistent color family ensures visual cohesion while providing enough contrast between #00FF00 and #006600 for clear hierarchy. This palette is ideal for projects that demand a high-tech, dynamic, and focused aesthetic, evoking speed and precision.

Best used for

  • Gaming interfaces and branding
  • Cybersecurity company websites
  • Tech startup branding
  • Science fiction media assets
  • Data visualization dashboards
  • LED display simulations

Suggested color roles

primary

The darkest shade, #003300, provides a solid, almost black foundation, ideal for backgrounds or main structural elements.

secondary

Use #006600 for secondary backgrounds, panels, or less critical information, offering a subtle green shift.

accent

The electric #00FF00 is perfect for highlights, active states, glowing elements, or critical call-to-action buttons.

background

#003300 or a pure black provides the best canvas for the brighter greens to truly pop and simulate a circuit board.

text

For text, #00FF00 on a dark background like #003300 or black offers high visibility and a distinct digital aesthetic.

Accessibility notes

  • Ensure high contrast for text, especially using #00FF00 or #00CC00 on very dark backgrounds like #003300.
  • Avoid using mid-tone greens like #009900 for small text on similar backgrounds, as contrast may be insufficient.
  • The brightest color, #00FF00, provides excellent visibility for key information against the darkest shades.
  • Consider using a very dark background (e.g., #003300 or black) to maximize the "glow" effect of the lighter greens.

Recommended combinations

Circuit Glow

Creates a strong contrast for backgrounds with glowing elements, ideal for tech interfaces.

#003300 · #00FF00 · #009900

Data Stream

Excellent for subtle animations or background patterns, mimicking data flow with a harmonious gradient.

#00CC00 · #009900 · #006600

Alert Status

Use for critical alerts or interactive highlights where maximum impact and digital feel are desired.

#00FF00 · #003300 · #00CC00

CSS variables

:root {
  --digital-circuit-board-2-1: #00FF00;
  --digital-circuit-board-2-2: #00CC00;
  --digital-circuit-board-2-3: #009900;
  --digital-circuit-board-2-4: #006600;
  --digital-circuit-board-2-5: #003300;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "digital-circuit-board-2": {
        1: "#00FF00",
        2: "#00CC00",
        3: "#009900",
        4: "#006600",
        5: "#003300",
      }
    }
  }
}

Related searches

electric green palettedigital tech colorsmonochrome green schemecyberpunk green designglowing circuit board

Palette colors

Hex values

Color 1#00FF00
·
Color 2#00CC00
·
Color 3#009900
·
Color 4#006600
·
Color 5#003300
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
5.3:1AA
10.4:1AAA
2
1.6:1Fail
1.7:1Fail
3.3:1AA18
6.5:1AA
3
2.8:1Fail
1.7:1Fail
1.9:1Fail
3.8:1AA18
4
5.3:1AA
3.3:1AA18
1.9:1Fail
2:1Fail
5
10.4:1AAA
6.5:1AA
3.8:1AA18
2:1Fail

Similar palettes

More like Digital Circuit Board

View all monochrome
Digital Circuit Board
Monochrome Pixel Flow
Aqua Glow Spectrum
Binary Grid Hues
Cyber Horizon Glow
Digital Circuit Flow