Bold Irish to Nevermind Nirvana Color Palette

About this palette

Bold Irish to Nevermind Nirvana is a 4-color vibrant, cool, neon palette: #008057 (Bold Irish), #9B55FF (Orion Nebula), #00ACFE (Cerulean), #77CBFF (Nevermind Nirvana). It mixes green, purple, blue tones and feels cool overall. The strongest text pairing is #008057 on #77CBFF with a contrast ratio of 2.79:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Bold Irish	rgb(0, 128, 87)	hsl(161, 100%, 25%)
Orion Nebula	rgb(155, 85, 255)	hsl(265, 100%, 67%)
Cerulean	rgb(0, 172, 254)	hsl(199, 100%, 50%)
Nevermind Nirvana	rgb(119, 203, 255)	hsl(203, 100%, 73%)

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.

Color blindness preview

CSS variables

/* Bold Irish to Nevermind Nirvana — https://swatchly.xyz/palette/008057-9b55ff-00acfe-77cbff */
:root {
  --bold-irish: #008057;
  --orion-nebula: #9b55ff;
  --cerulean: #00acfe;
  --nevermind-nirvana: #77cbff;
}

Tailwind CSS v4

/* Bold Irish to Nevermind Nirvana — https://swatchly.xyz/palette/008057-9b55ff-00acfe-77cbff */
@theme {
  --color-bold-irish: #008057;
  --color-bold-irish-50: #dcffec;
  --color-bold-irish-100: #c1fbdd;
  --color-bold-irish-200: #a3eac7;
  --color-bold-irish-300: #83d5ae;
  --color-bold-irish-400: #58b78c;
  --color-bold-irish-500: #339c71;
  --color-bold-irish-600: #008057;
  --color-bold-irish-700: #006644;
  --color-bold-irish-800: #005035;
  --color-bold-irish-900: #003e28;
  --color-bold-irish-950: #002717;
  --color-orion-nebula: #9b55ff;
  --color-orion-nebula-50: #f6f3ff;
  --color-orion-nebula-100: #ede7ff;
  --color-orion-nebula-200: #dcceff;
  --color-orion-nebula-300: #c9b1ff;
  --color-orion-nebula-400: #b085ff;
  --color-orion-nebula-500: #9b55ff;
  --color-orion-nebula-600: #8036de;
  --color-orion-nebula-700: #691cbc;
  --color-orion-nebula-800: #54069b;
  --color-orion-nebula-900: #41007c;
  --color-orion-nebula-950: #290053;
  --color-cerulean: #00acfe;
  --color-cerulean-50: #ecf7ff;
  --color-cerulean-100: #d9efff;
  --color-cerulean-200: #b2deff;
  --color-cerulean-300: #80caff;
  --color-cerulean-400: #00acfe;
  --color-cerulean-500: #008fd4;
  --color-cerulean-600: #0073ac;
  --color-cerulean-700: #005b8a;
  --color-cerulean-800: #00476d;
  --color-cerulean-900: #003755;
  --color-cerulean-950: #002237;
  --color-nevermind-nirvana: #77cbff;
  --color-nevermind-nirvana-50: #ebf7ff;
  --color-nevermind-nirvana-100: #d7efff;
  --color-nevermind-nirvana-200: #addfff;
  --color-nevermind-nirvana-300: #77cbff;
  --color-nevermind-nirvana-400: #5babdb;
  --color-nevermind-nirvana-500: #398fc0;
  --color-nevermind-nirvana-600: #1874a2;
  --color-nevermind-nirvana-700: #005c85;
  --color-nevermind-nirvana-800: #004869;
  --color-nevermind-nirvana-900: #003752;
  --color-nevermind-nirvana-950: #002235;
}