Money to Midnight Aubergine color palette

79976EMoney 3D4424Palm Leaf C5C4FFInnocent Snowdrop 171722Eigengrau DF9FD6Velvet Horizon 873C6AMidnight Aubergine

Open in generator Export PNG, PDF, ASE…

About this palette

Money to Midnight Aubergine is a 6-color palette: #79976E (Money), #3D4424 (Palm Leaf), #C5C4FF (Innocent Snowdrop), #171722 (Eigengrau), #DF9FD6 (Velvet Horizon), #873C6A (Midnight Aubergine). It mixes green, purple, black, pink, red tones and feels cool overall. The strongest text pairing is #C5C4FF on #171722 with a contrast ratio of 10.76:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Money	rgb(121, 151, 110)	hsl(104, 16%, 51%)
Palm Leaf	rgb(61, 68, 36)	hsl(73, 31%, 20%)
Innocent Snowdrop	rgb(197, 196, 255)	hsl(241, 100%, 88%)
Eigengrau	rgb(23, 23, 34)	hsl(240, 19%, 11%)
Velvet Horizon	rgb(223, 159, 214)	hsl(308, 50%, 75%)
Midnight Aubergine	rgb(135, 60, 106)	hsl(323, 38%, 38%)

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.

Aa10.76:1 Very good#C5C4FF on #171722
Aa10.76:1 Very good#171722 on #C5C4FF
Aa8.52:1 Very good#171722 on #DF9FD6
Aa8.52:1 Very good#DF9FD6 on #171722
Aa6.20:1 Good#3D4424 on #C5C4FF
Aa6.20:1 Good#C5C4FF on #3D4424
Aa5.47:1 Good#79976E on #171722
Aa5.47:1 Good#171722 on #79976E

Color blindness preview

CSS variables

/* Money to Midnight Aubergine — https://swatchly.xyz/palette/79976e-3d4424-c5c4ff-171722-df9fd6-873c6a */
:root {
  --money: #79976e;
  --palm-leaf: #3d4424;
  --innocent-snowdrop: #c5c4ff;
  --eigengrau: #171722;
  --velvet-horizon: #df9fd6;
  --midnight-aubergine: #873c6a;
}

Tailwind CSS v4

/* Money to Midnight Aubergine — https://swatchly.xyz/palette/79976e-3d4424-c5c4ff-171722-df9fd6-873c6a */
@theme {
  --color-money: #79976e;
  --color-money-50: #ebfde5;
  --color-money-100: #e1f5da;
  --color-money-200: #cce3c4;
  --color-money-300: #b4cfab;
  --color-money-400: #94b18a;
  --color-money-500: #79976e;
  --color-money-600: #5e7b53;
  --color-money-700: #48623e;
  --color-money-800: #364d2d;
  --color-money-900: #283b20;
  --color-money-950: #172511;
  --color-palm-leaf: #3d4424;
  --color-palm-leaf-50: #f3f8e3;
  --color-palm-leaf-100: #e8efd7;
  --color-palm-leaf-200: #d4dbc0;
  --color-palm-leaf-300: #bdc5a6;
  --color-palm-leaf-400: #9da583;
  --color-palm-leaf-500: #818a67;
  --color-palm-leaf-600: #676f4e;
  --color-palm-leaf-700: #505739;
  --color-palm-leaf-800: #3d4424;
  --color-palm-leaf-900: #2f341e;
  --color-palm-leaf-950: #1c2010;
  --color-innocent-snowdrop: #c5c4ff;
  --color-innocent-snowdrop-50: #fafaff;
  --color-innocent-snowdrop-100: #f0f1ff;
  --color-innocent-snowdrop-200: #dcdcff;
  --color-innocent-snowdrop-300: #c5c4ff;
  --color-innocent-snowdrop-400: #a4a3d9;
  --color-innocent-snowdrop-500: #8785bc;
  --color-innocent-snowdrop-600: #6c699e;
  --color-innocent-snowdrop-700: #545281;
  --color-innocent-snowdrop-800: #403e67;
  --color-innocent-snowdrop-900: #302e50;
  --color-innocent-snowdrop-950: #1d1c34;
  --color-eigengrau: #171722;
  --color-eigengrau-50: #f4f4fd;
  --color-eigengrau-100: #eaeaf4;
  --color-eigengrau-200: #d6d6e2;
  --color-eigengrau-300: #bfc0cd;
  --color-eigengrau-400: #a0a0ae;
  --color-eigengrau-500: #838392;
  --color-eigengrau-600: #676875;
  --color-eigengrau-700: #50505c;
  --color-eigengrau-800: #3c3c46;
  --color-eigengrau-900: #2b2c34;
  --color-eigengrau-950: #171722;
  --color-velvet-horizon: #df9fd6;
  --color-velvet-horizon-50: #ffe8fb;
  --color-velvet-horizon-100: #ffd6f8;
  --color-velvet-horizon-200: #f0bde8;
  --color-velvet-horizon-300: #df9fd6;
  --color-velvet-horizon-400: #bf82b7;
  --color-velvet-horizon-500: #a4689d;
  --color-velvet-horizon-600: #895082;
  --color-velvet-horizon-700: #703d6a;
  --color-velvet-horizon-800: #5b2e56;
  --color-velvet-horizon-900: #492244;
  --color-velvet-horizon-950: #2f132c;
  --color-midnight-aubergine: #873c6a;
  --color-midnight-aubergine-50: #fff0f8;
  --color-midnight-aubergine-100: #ffe2f1;
  --color-midnight-aubergine-200: #ffc5e5;
  --color-midnight-aubergine-300: #f2a9d2;
  --color-midnight-aubergine-400: #d688b5;
  --color-midnight-aubergine-500: #bc6c9b;
  --color-midnight-aubergine-600: #9f5280;
  --color-midnight-aubergine-700: #873c6a;
  --color-midnight-aubergine-800: #6b2d53;
  --color-midnight-aubergine-900: #552041;
  --color-midnight-aubergine-950: #381129;
}