Palette

Digital Screen Glow

Luminous greens that evoke the sharp, clean glow of an active digital display or futuristic interface.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6FFE6#B3FFB3#80FF80#4DFF4D#1AFF1A

Palette guide

How to use Digital Screen Glow

Overview

The Digital Screen Glow palette features luminous greens that evoke the sharp, clean glow of an active digital display or futuristic interface. With a spectrum from light pastel green (#E6FFE6) to intense vivid green (#1AFF1A), including mid-tones like #B3FFB3, #80FF80, and #4DFF4D, this monochrome palette is perfect for designers and developers creating projects with a clean, tech-focused, or energetic aesthetic. Its harmonious green tones create a sense of clarity and modernism, ideal for health-tech interfaces, environmental initiatives, or minimalist branding. The varying shades provide depth and hierarchy while maintaining a consistent and recognizable digital glow effect.

Best used for

Health tech dashboards
Eco-friendly brand identity
Futuristic UI designs
Green energy company websites
Data visualization for growth
Minimalist tech interfaces

Suggested color roles

primary

Use #1AFF1A for primary interactive elements, calls-to-action, or key status indicators, offering high visibility.

secondary

Employ #4DFF4D or #80FF80 for secondary information or subtle distinctions in graphical elements.

accent

Apply #B3FFB3 for highlights or to add gentle luminosity to background elements.

background

A light #E6FFE6 provides a clean, airy background, while #4DFF4D can be used for contrasting sections.

text

For general text on lighter backgrounds, a dark charcoal or black provides good contrast. For headlines, #1AFF1A can be used.

Accessibility notes

Ensure sufficient contrast for text, especially when using lighter greens like #B3FFB3 on #E6FFE6 backgrounds.
The darkest color #1AFF1A will provide the best contrast for text on lighter greens.
Avoid using very light greens for small text on similarly light backgrounds to prevent readability issues.
Maintain clear visual hierarchy using the varying green tones to guide users through the interface effectively.

Recommended combinations

Clean Interface

Ideal for main UI components, backgrounds, and interactive elements, offering a fresh, clean look.

#E6FFE6 · #B3FFB3 · #1AFF1A

Growth Chart

Excellent for data visualizations, progress bars, or any element needing to convey growth or positive status.

#4DFF4D · #80FF80 · #1AFF1A

Digital Aura

Suitable for soft gradients, subtle overlays, or informational panels where a diffused, glowing effect is desired.

#E6FFE6 · #4DFF4D · #B3FFB3

CSS variables

:root {
  --digital-screen-glow-1: #E6FFE6;
  --digital-screen-glow-2: #B3FFB3;
  --digital-screen-glow-3: #80FF80;
  --digital-screen-glow-4: #4DFF4D;
  --digital-screen-glow-5: #1AFF1A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "digital-screen-glow": {
        1: "#E6FFE6",
        2: "#B3FFB3",
        3: "#80FF80",
        4: "#4DFF4D",
        5: "#1AFF1A",
      }
    }
  }
}

Hex values

Color 1#E6FFE6

Color 2#B3FFB3

Color 3#80FF80

Color 4#4DFF4D

Color 5#1AFF1A

Accessibility

Contrast checker

1.1:1Fail

1.2:1Fail

1.3:1Fail

1.1:1Fail

1.2:1Fail

1.1:1Fail

1.3:1Fail

1.1:1Fail

1:1Fail

1.3:1Fail

1.2:1Fail

1.1:1Fail

1:1Fail

Similar palettes

More like Digital Screen Glow

Digital Screen Glow

See it in context.

Ready when you are.

Built with Digital Screen Glow.

How to use Digital Screen Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Clean Interface

Growth Chart

Digital Aura

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Digital Screen Glow