Nevermind Nirvana to Depths of the Nile Color Palette

About this palette

Nevermind Nirvana to Depths of the Nile is a 5-color warm, vintage palette: #70C9EF (Nevermind Nirvana), #D2909C (Rosetti), #A36B2B (Eagle), #6F4144 (Wine Cellar), #243F4D (Depths of the Nile). It mixes blue, pink, brown, red tones and feels warm overall. The strongest text pairing is #70C9EF on #243F4D with a contrast ratio of 5.96:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Nevermind Nirvana	rgb(112, 201, 239)	hsl(198, 80%, 69%)
Rosetti	rgb(210, 144, 156)	hsl(349, 42%, 69%)
Eagle	rgb(163, 107, 43)	hsl(32, 58%, 40%)
Wine Cellar	rgb(111, 65, 68)	hsl(356, 26%, 35%)
Depths of the Nile	rgb(36, 63, 77)	hsl(200, 36%, 22%)

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.

Aa5.96:1 Good#70C9EF on #243F4D
Aa5.96:1 Good#243F4D on #70C9EF
Aa4.49:1 Poor#70C9EF on #6F4144
Aa4.49:1 Poor#6F4144 on #70C9EF
Aa4.34:1 Poor#D2909C on #243F4D
Aa4.34:1 Poor#243F4D on #D2909C
Aa3.26:1 Poor#D2909C on #6F4144
Aa3.26:1 Poor#6F4144 on #D2909C

Color blindness preview

CSS variables

/* Nevermind Nirvana to Depths of the Nile — https://swatchly.xyz/palette/70c9ef-d2909c-a36b2b-6f4144-243f4d */
:root {
  --nevermind-nirvana: #70c9ef;
  --rosetti: #d2909c;
  --eagle: #a36b2b;
  --wine-cellar: #6f4144;
  --depths-of-the-nile: #243f4d;
}

Tailwind CSS v4

/* Nevermind Nirvana to Depths of the Nile — https://swatchly.xyz/palette/70c9ef-d2909c-a36b2b-6f4144-243f4d */
@theme {
  --color-nevermind-nirvana: #70c9ef;
  --color-nevermind-nirvana-50: #e3f6ff;
  --color-nevermind-nirvana-100: #cbeeff;
  --color-nevermind-nirvana-200: #9ddefb;
  --color-nevermind-nirvana-300: #70c9ef;
  --color-nevermind-nirvana-400: #53a9cd;
  --color-nevermind-nirvana-500: #318fb2;
  --color-nevermind-nirvana-600: #0b7496;
  --color-nevermind-nirvana-700: #005c79;
  --color-nevermind-nirvana-800: #004960;
  --color-nevermind-nirvana-900: #00394c;
  --color-nevermind-nirvana-950: #002331;
  --color-rosetti: #d2909c;
  --color-rosetti-50: #fff3f5;
  --color-rosetti-100: #ffe6ea;
  --color-rosetti-200: #fecbd3;
  --color-rosetti-300: #ecb2bc;
  --color-rosetti-400: #d2909c;
  --color-rosetti-500: #b47480;
  --color-rosetti-600: #965a66;
  --color-rosetti-700: #7a444f;
  --color-rosetti-800: #62333d;
  --color-rosetti-900: #4d252e;
  --color-rosetti-950: #31151b;
  --color-eagle: #a36b2b;
  --color-eagle-50: #fff0e1;
  --color-eagle-100: #ffe0c2;
  --color-eagle-200: #f6c696;
  --color-eagle-300: #e1ac75;
  --color-eagle-400: #c2894c;
  --color-eagle-500: #a36b2b;
  --color-eagle-600: #885412;
  --color-eagle-700: #6f4100;
  --color-eagle-800: #583200;
  --color-eagle-900: #462700;
  --color-eagle-950: #2e1800;
  --color-wine-cellar: #6f4144;
  --color-wine-cellar-50: #fff1f2;
  --color-wine-cellar-100: #ffe4e4;
  --color-wine-cellar-200: #f5cacc;
  --color-wine-cellar-300: #e0b1b3;
  --color-wine-cellar-400: #c28f91;
  --color-wine-cellar-500: #a57375;
  --color-wine-cellar-600: #88585b;
  --color-wine-cellar-700: #6f4144;
  --color-wine-cellar-800: #563235;
  --color-wine-cellar-900: #442628;
  --color-wine-cellar-950: #2b1617;
  --color-depths-of-the-nile: #243f4d;
  --color-depths-of-the-nile-50: #eaf8ff;
  --color-depths-of-the-nile-100: #dbeffa;
  --color-depths-of-the-nile-200: #c5dce8;
  --color-depths-of-the-nile-300: #aac4d3;
  --color-depths-of-the-nile-400: #87a4b3;
  --color-depths-of-the-nile-500: #6a8797;
  --color-depths-of-the-nile-600: #4f6b7a;
  --color-depths-of-the-nile-700: #3a5360;
  --color-depths-of-the-nile-800: #243f4d;
  --color-depths-of-the-nile-900: #1e3039;
  --color-depths-of-the-nile-950: #101d23;
}