Back to palettes

Palette

Digital Circuit Board

Electrifying greens and teals create a vibrant, tech-inspired scheme reminiscent of a 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

#0F2525#0E4D4D#0D7575#13A1A1#0FF0F0

Palette guide

How to use Digital Circuit Board

Overview

The Digital Circuit Board palette (ID: digital-circuit-board) is an electrifying monochrome collection of deep teals and vibrant cyans, perfectly capturing the essence of a futuristic circuit board. Ranging from the deep, almost black #0F2525 to the dazzling #0FF0F0, with intermediate shades like #0D7575 and #13A1A1, this palette is ideal for tech-centric, cyber, and energetic designs. The strong contrast and luminous quality of the lighter shades against the darker ones create a dynamic visual hierarchy. Designers can leverage this to build engaging interfaces, powerful branding, or striking digital art.

Best used for

  • Cybersecurity dashboards
  • Gaming UI and assets
  • Tech event branding
  • Science fiction film aesthetics
  • Digital art and abstract graphics
  • Modern corporate tech identities

Suggested color roles

primary

The deepest shade, #0F2525, provides a robust, dark base, perfect for backgrounds, containers, or primary navigation.

secondary

Use #0E4D4D for secondary backgrounds, hover states, or subtle layering, adding depth without distraction.

accent

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

background

#0F2525 or pure black offers an ideal dark canvas, allowing the brighter cyans to truly pop and evoke a digital glow.

text

For text, #0FF0F0 or #13A1A1 on #0F2525 provides excellent readability and a high-tech aesthetic.

Accessibility notes

  • Ensure strong contrast when using lighter cyans for text on dark backgrounds, particularly #0FF0F0 on #0F2525.
  • Avoid using mid-tone colors like #0E4D4D or #0D7575 for small text without sufficient contrast from the background.
  • The brightest color, #0FF0F0, provides excellent visibility for primary content and interactive elements.
  • For body text, use #13A1A1 or #0FF0F0 against #0F2525 or a pure black background to ensure readability.

Recommended combinations

Cyber Glow

Creates a dramatic, high-contrast effect ideal for dark mode interfaces and glowing UI elements.

#0F2525 · #0FF0F0 · #0D7575

Digital Trace

Excellent for subtle animations or background patterns, mimicking data flow in a tech environment.

#0E4D4D · #0D7575 · #13A1A1

Vibrant Highlight

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

#13A1A1 · #0F2525 · #0FF0F0

CSS variables

:root {
  --digital-circuit-board-1: #0F2525;
  --digital-circuit-board-2: #0E4D4D;
  --digital-circuit-board-3: #0D7575;
  --digital-circuit-board-4: #13A1A1;
  --digital-circuit-board-5: #0FF0F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "digital-circuit-board": {
        1: "#0F2525",
        2: "#0E4D4D",
        3: "#0D7575",
        4: "#13A1A1",
        5: "#0FF0F0",
      }
    }
  }
}

Related searches

tech cyan palettecyberpunk color schememonochromatic teal designdigital glowing colorsfuturistic UI palette

Palette colors

Hex values

Color 1#0F2525
·
Color 2#0E4D4D
·
Color 3#0D7575
·
Color 4#13A1A1
·
Color 5#0FF0F0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.9:1Fail
5.1:1AA
11.2:1AAA
2
1.7:1Fail
1.7:1Fail
3:1AA18
6.7:1AA
3
2.9:1Fail
1.7:1Fail
1.7:1Fail
3.9:1AA18
4
5.1:1AA
3:1AA18
1.7:1Fail
2.2:1Fail
5
11.2:1AAA
6.7:1AA
3.9:1AA18
2.2:1Fail

Similar palettes

More like Digital Circuit Board

View all monochrome
Digital Circuit Board
Monochrome Pixel Flow
Aqua Glow Spectrum
Binary Grid Hues
Cybernetic Matrix Blue
Digital Circuit Flow