Terminal Green color palette

Black #0C0C0C and three navies, #1A1A2E, #16213E and #0F3460, are so close in value that they read as one dark surface with slight blue shifts. Then #00FF00 cuts through like a blinking prompt. The navy keeps it softer than a pure black-and-green theme and easier on the eyes over long sessions. It works for code editor themes, developer blogs, server monitoring tools and indie hacker portfolios.

#0C0C0C#0C0C0CClosest: Dark Purple

#1A1A2E#1A1A2EClosest: Dark Purple

#16213E#16213EClosest: Dark Purple

#0F3460#0F3460Closest: Gunmetal

#00FF00#00FF00Closest: Lime

Edit in palette generatorCSS and Tailwind

Terminal Green palette in use

#0C0C0C fills the main background, with #16213E or #0F3460 for panels and sidebars. Set code, prompts and primary buttons in #00FF00, and use off-white for long text.

Terminal Green

Headline in #00FF00 on #0C0C0C

This pair measures 14.25:1, so it works for body text too. The button uses #0F3460 with white text.

Button

Good for

Code editor theme
Developer blog
Server monitoring tool
Indie hacker portfolio

Readable color pairs

Pairs from this palette with at least 3:1 contrast (WCAG 2). Use AA and AAA pairs for body text, and AA large pairs for headings 24px and up.

Text	Background	Ratio	Rating
`#0C0C0C`	`#00FF00`	14.25:1	AAA
`#1A1A2E`	`#00FF00`	12.43:1	AAA
`#16213E`	`#00FF00`	11.58:1	AAA
`#0F3460`	`#00FF00`	9.10:1	AAA

Terminal Green palette as code

CSS variables

:root {
  --terminal-green-1: #0C0C0C;
  --terminal-green-2: #1A1A2E;
  --terminal-green-3: #16213E;
  --terminal-green-4: #0F3460;
  --terminal-green-5: #00FF00;
}

Tailwind v4

@theme {
  --color-terminal-green-1: #0C0C0C;
  --color-terminal-green-2: #1A1A2E;
  --color-terminal-green-3: #16213E;
  --color-terminal-green-4: #0F3460;
  --color-terminal-green-5: #00FF00;
}

Tailwind v3

// tailwind.config.js → theme.extend.colors
'terminal-green': {
  100: '#0C0C0C',
  200: '#1A1A2E',
  300: '#16213E',
  400: '#0F3460',
  500: '#00FF00',
},

SCSS

$terminal-green-1: #0C0C0C;
$terminal-green-2: #1A1A2E;
$terminal-green-3: #16213E;
$terminal-green-4: #0F3460;
$terminal-green-5: #00FF00;

JSON

["#0C0C0C","#1A1A2E","#16213E","#0F3460","#00FF00"]

Named colors in this palette

The nearest named color to each swatch, with its meaning and matching colors.

#301934Dark Purple #2A3439Gunmetal #00FF00Lime

Similar palettes

Neon Circuit Firefly Midnight Mustard & Navy Shadow Obsidian

Browse all 129 palettes