Palette

Digital Interface Glow

Dark greens and glowing lime, evoking the eerie luminescence of an old digital interface.

monochromeminimal5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Digital Interface Glow 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 Interface Glow.

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

Data visualization

#000000#00ff00#00c200#007b00#004a00

Palette guide

How to use Digital Interface Glow

Overview

The Digital Interface Glow palette features dark greens and glowing lime, evoking the eerie luminescence of an old digital interface. With stark black (#000000), bright lime green (#00ff00), and progressively darker greens (#00c200, #007b00, #004a00), this monochrome palette is perfect for designers and developers creating projects with a retro-futuristic, tech-noir, or minimalist aesthetic. Its limited color range ensures a cohesive and atmospheric feel, ideal for command-line interfaces, vintage computer simulations, or minimalist branding. The varying shades of green provide depth and hierarchy, all while maintaining a consistent and recognizable digital glow effect.

Best used for

Retro game interfaces
Command-line tool UIs
Cyber security dashboards
Minimalist tech branding
Sci-fi movie visuals
Dark mode code editors

Suggested color roles

primary

Use #00ff00 for primary interactive elements, highlights, or key status indicators.

secondary

Employ #00c200 for secondary information or subtle distinctions in graphical elements.

accent

Apply #007b00 for subtle accents or to add depth to background elements.

background

A deep #000000 background is crucial to enhance the glowing effect of the greens, mimicking an old CRT screen.

text

For general text, #00ff00 provides excellent readability against #000000. For less critical text, #00c200 can be used.

Accessibility notes

Ensure #00ff00 text on #000000 background meets WCAG AA contrast ratios for readability.
Avoid using darker greens like #004a00 or #007b00 for small text on #000000 as contrast may be insufficient.
Use varying shades of green to differentiate elements, but always test for legibility, especially for colorblind users.
The monochrome nature simplifies color contrast but ensure sufficient luminance contrast between elements.

Recommended combinations

CRT Display

Ideal for main UI elements, text displays, and backgrounds, creating an authentic retro tech feel.

#000000 · #00FF00 · #00C200

Data Stream

Excellent for progress bars, data visualizations, or hierarchical information in a dark theme.

#004A00 · #007B00 · #00FF00

Binary Glow

Suitable for minimalist branding, icons, or to create a subtle glow effect in dark interfaces.

#000000 · #00FF00 · #007B00

CSS variables

:root {
  --digital-interface-glow-1: #000000;
  --digital-interface-glow-2: #00ff00;
  --digital-interface-glow-3: #00c200;
  --digital-interface-glow-4: #007b00;
  --digital-interface-glow-5: #004a00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "digital-interface-glow": {
        1: "#000000",
        2: "#00ff00",
        3: "#00c200",
        4: "#007b00",
        5: "#004a00",
      }
    }
  }
}

Hex values

Color 1#000000

Color 2#00ff00

Color 3#00c200

Color 4#007b00

Color 5#004a00

Accessibility

Contrast checker

15.3:1AAA

8.7:1AAA

3.8:1AA18

2:1Fail

15.3:1AAA

1.8:1Fail

4:1AA18

7.7:1AAA

8.7:1AAA

1.8:1Fail

2.3:1Fail

4.4:1AA18

3.8:1AA18

4:1AA18

2.3:1Fail

1.9:1Fail

2:1Fail

7.7:1AAA

4.4:1AA18

1.9:1Fail

Similar palettes

More like Digital Interface Glow

Basalt Rock Formation