Green Not Found to Flirty Rose Color Palette

About this palette

Green Not Found to Flirty Rose is a 5-color cool, vintage palette: #444000 (Green Not Found), #D3C9FF (Innocent Snowdrop), #795D9D (Scampi), #002018 (Nightmare), #DA6798 (Flirty Rose). It mixes brown, purple, turquoise, pink tones and feels cool overall. The strongest text pairing is #D3C9FF on #002018 with a contrast ratio of 11.12:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Green Not Found	rgb(68, 64, 0)	hsl(56, 100%, 13%)
Innocent Snowdrop	rgb(211, 201, 255)	hsl(251, 100%, 89%)
Scampi	rgb(121, 93, 157)	hsl(266, 26%, 49%)
Nightmare	rgb(0, 32, 24)	hsl(165, 100%, 6%)
Flirty Rose	rgb(218, 103, 152)	hsl(334, 61%, 63%)

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.

Aa11.12:1 Very good#D3C9FF on #002018
Aa11.12:1 Very good#002018 on #D3C9FF
Aa6.86:1 Good#444000 on #D3C9FF
Aa6.86:1 Good#D3C9FF on #444000
Aa5.23:1 Good#002018 on #DA6798
Aa5.23:1 Good#DA6798 on #002018
Aa3.51:1 Poor#D3C9FF on #795D9D
Aa3.51:1 Poor#795D9D on #D3C9FF

Color blindness preview

CSS variables

/* Green Not Found to Flirty Rose — https://swatchly.xyz/palette/444000-d3c9ff-795d9d-002018-da6798 */
:root {
  --green-not-found: #444000;
  --innocent-snowdrop: #d3c9ff;
  --scampi: #795d9d;
  --nightmare: #002018;
  --flirty-rose: #da6798;
}

Tailwind CSS v4

/* Green Not Found to Flirty Rose — https://swatchly.xyz/palette/444000-d3c9ff-795d9d-002018-da6798 */
@theme {
  --color-green-not-found: #444000;
  --color-green-not-found-50: #f9f7d7;
  --color-green-not-found-100: #efeec9;
  --color-green-not-found-200: #dcdaaf;
  --color-green-not-found-300: #c5c391;
  --color-green-not-found-400: #a6a36c;
  --color-green-not-found-500: #8a874e;
  --color-green-not-found-600: #6f6b35;
  --color-green-not-found-700: #575421;
  --color-green-not-found-800: #444000;
  --color-green-not-found-900: #33310b;
  --color-green-not-found-950: #1f1e04;
  --color-innocent-snowdrop: #d3c9ff;
  --color-innocent-snowdrop-50: #f1efff;
  --color-innocent-snowdrop-100: #e7e2ff;
  --color-innocent-snowdrop-200: #d3c9ff;
  --color-innocent-snowdrop-300: #bdb5e3;
  --color-innocent-snowdrop-400: #9f96c7;
  --color-innocent-snowdrop-500: #857bad;
  --color-innocent-snowdrop-600: #6c6291;
  --color-innocent-snowdrop-700: #564d77;
  --color-innocent-snowdrop-800: #443c61;
  --color-innocent-snowdrop-900: #342d4c;
  --color-innocent-snowdrop-950: #201b32;
  --color-scampi: #795d9d;
  --color-scampi-50: #f7f3ff;
  --color-scampi-100: #f0e6ff;
  --color-scampi-200: #e1cdff;
  --color-scampi-300: #cdb4f0;
  --color-scampi-400: #af93d5;
  --color-scampi-500: #9477b9;
  --color-scampi-600: #795d9d;
  --color-scampi-700: #614881;
  --color-scampi-800: #4d3668;
  --color-scampi-900: #3b2853;
  --color-scampi-950: #251736;
  --color-nightmare: #002018;
  --color-nightmare-50: #e7faf4;
  --color-nightmare-100: #dbf1e9;
  --color-nightmare-200: #c4dfd5;
  --color-nightmare-300: #aac9bf;
  --color-nightmare-400: #89aa9f;
  --color-nightmare-500: #6c8e83;
  --color-nightmare-600: #517267;
  --color-nightmare-700: #3c5950;
  --color-nightmare-800: #2b443d;
  --color-nightmare-900: #1e332d;
  --color-nightmare-950: #002018;
  --color-flirty-rose: #da6798;
  --color-flirty-rose-50: #ffeaf1;
  --color-flirty-rose-100: #ffd7e5;
  --color-flirty-rose-200: #ffb5d0;
  --color-flirty-rose-300: #f98eb9;
  --color-flirty-rose-400: #da6798;
  --color-flirty-rose-500: #be4e7f;
  --color-flirty-rose-600: #a03667;
  --color-flirty-rose-700: #852453;
  --color-flirty-rose-800: #6d1741;
  --color-flirty-rose-900: #580e33;
  --color-flirty-rose-950: #3c0521;
}