Nightmare to Donegal Green color palette

About this palette

Nightmare to Donegal Green is a 5-color dark, cool palette: #0F251B (Nightmare), #003437 (Elite Teal), #001215 (Jedi Night), #007148 (Into the Green), #1A5300 (Donegal Green). It mixes gray, turquoise, black, green tones and feels cool overall. The strongest text pairing is #001215 on #007148 with a contrast ratio of 3.15:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Nightmarergb(15, 37, 27)hsl(153, 42%, 10%)
Elite Tealrgb(0, 52, 55)hsl(183, 100%, 11%)
Jedi Nightrgb(0, 18, 21)hsl(189, 100%, 4%)
Into the Greenrgb(0, 113, 72)hsl(158, 100%, 22%)
Donegal Greenrgb(26, 83, 0)hsl(101, 100%, 16%)

Accessible color pairs

Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.

  • Aa3.15:1 Poor#001215 on #007148
  • Aa3.15:1 Poor#007148 on #001215

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Nightmare to Donegal Green — https://swatchly.xyz/palette/0f251b-003437-001215-007148-1a5300 */
:root {
  --nightmare: #0f251b;
  --elite-teal: #003437;
  --jedi-night: #001215;
  --into-the-green: #007148;
  --donegal-green: #1a5300;
}

Tailwind CSS v4

/* Nightmare to Donegal Green — https://swatchly.xyz/palette/0f251b-003437-001215-007148-1a5300 */
@theme {
  --color-nightmare: #0f251b;
  --color-nightmare-50: #ebf9f1;
  --color-nightmare-100: #dff0e7;
  --color-nightmare-200: #c9ddd3;
  --color-nightmare-300: #b1c7bb;
  --color-nightmare-400: #90a89b;
  --color-nightmare-500: #748d80;
  --color-nightmare-600: #5b7266;
  --color-nightmare-700: #465b50;
  --color-nightmare-800: #35483e;
  --color-nightmare-900: #283830;
  --color-nightmare-950: #0f251b;
  --color-elite-teal: #003437;
  --color-elite-teal-50: #e1fbfd;
  --color-elite-teal-100: #d4f2f4;
  --color-elite-teal-200: #bcdfe2;
  --color-elite-teal-300: #a1cacc;
  --color-elite-teal-400: #7daaad;
  --color-elite-teal-500: #5f8d90;
  --color-elite-teal-600: #457174;
  --color-elite-teal-700: #30595b;
  --color-elite-teal-800: #214446;
  --color-elite-teal-900: #003437;
  --color-elite-teal-950: #0a1e1f;
  --color-jedi-night: #001215;
  --color-jedi-night-50: #eaf8fb;
  --color-jedi-night-100: #deeff1;
  --color-jedi-night-200: #c8dcdf;
  --color-jedi-night-300: #b0c6c9;
  --color-jedi-night-400: #8ea7aa;
  --color-jedi-night-500: #6f888b;
  --color-jedi-night-600: #536a6d;
  --color-jedi-night-700: #3b4f52;
  --color-jedi-night-800: #29393b;
  --color-jedi-night-900: #1a2628;
  --color-jedi-night-950: #001215;
  --color-into-the-green: #007148;
  --color-into-the-green-50: #ddffeb;
  --color-into-the-green-100: #c5fadb;
  --color-into-the-green-200: #abeac7;
  --color-into-the-green-300: #8fd7b0;
  --color-into-the-green-400: #68bb90;
  --color-into-the-green-500: #48a175;
  --color-into-the-green-600: #2a875d;
  --color-into-the-green-700: #007148;
  --color-into-the-green-800: #005938;
  --color-into-the-green-900: #00442a;
  --color-into-the-green-950: #002c19;
  --color-donegal-green: #1a5300;
  --color-donegal-green-50: #e3ffdb;
  --color-donegal-green-100: #d2f8c7;
  --color-donegal-green-200: #b9e7ad;
  --color-donegal-green-300: #9fd290;
  --color-donegal-green-400: #7cb46c;
  --color-donegal-green-500: #5f994e;
  --color-donegal-green-600: #467e35;
  --color-donegal-green-700: #326622;
  --color-donegal-green-800: #1a5300;
  --color-donegal-green-900: #183f09;
  --color-donegal-green-950: #0b2803;
}

Similar palettes